これらの要素にどのようなCSSを適用して、サイドバーを中間のdivの高さに拡大できるかを知っていますか?3列のCSSレイアウトで同じ高さに拡大する列を取得しますか?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>This is my page</title>
<style type="text/css">
body
{
background-color:#aaaaaa;
}
#container
{
width:900px;
margin-left:auto;
margin-right:auto;
}
#leftborder
{
float:left;
width:10px;
background-color:#ff0000;
}
#rightborder
{
margin:0; padding:0;
float:right;
width:10px;
background-color:#ff0000;
}
#middlecontainer{
margin:0 10px;
}
</style>
</head>
<body>
<div id="container">
<div id="leftborder">
a
</div>
<div id="rightborder">
a
</div>
<div id="middlecontainer">
This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content This is is content
</div>
</div>
</body>
</html>
それでも、特に幅の広いサイトでは、きれいではありません。 – Sam152
divを境界線として使用するよりも、少なくとも*遠方の方が良い方法です。しかし、問題を見ることはできません。一般的に配備されている技法であり、魅力的に機能し、適切に使用することを学ぶときに滑らかなグラフィックベースのレイアウトを可能にします。 –