ウェブページの中央にメインコンテナのdivがあります。これはすでに存在し、その中にさまざまな要素があります。次のような方法でいくつかのdivをレイアウトできますか？
しかし、今はメインコンテナ部門の約70％を占める大型コンテンツ部門（Div＃1）を左に配置しようとしています。私がやって困難を抱えていることは、以下の画像のように配置された本部の＃1、＃2、＃3、＃4を持つためにCSSの権利を取得している：
私はのために、この場合に何をすべきDiv＃1 - ＃4に関するCSS？ Div＃1を左に浮かせて、パーセンテージ/固定幅として設定する必要がありますか？そしてdivs＃2 - 4をフロートさせますか？
これに関するいくつかのガイダンスがあります。
私は、2つのラッパーdiv "left"と "right"浮動小数点は正しいサイズで残っていると思います。
divを左に1つ置きます。
div 2、3、4を右に置きます。
私はここで
はあなたを助けるかもしれない、実施例で知らせていない場合、これは、動作するはずです：
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Floating</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.content{
padding:10px;
margin-top:50px;
width:770px;
margin-left:auto;
margin-right:auto;
border:1px solid black;
}
.content h1{
text-align:center;
}
.content h2{
text-align:center;
}
.content .left{
width:600px;
float:left;
border:1px solid black;
}
.content .right{
width:150px;
float:right;
}
.content .right div{
margin-bottom:10px;
border:1px solid black;
}
.content .clear{
clear:both;
}
</style>
<body>
<div class="content">
<h1>Main Container Div</h1>
<div class="left">
<h2>Div #1</h2>
</div>
<div class="right">
<div><p>Div #2</p></div>
<div><p>Div #3</p></div>
<div><p>Div #4</p></div>
<div><p>Div #5</p></div>
</div>
<div class="clear"> </div>
</div>
</body>
</html>
Btw。 marcggは早くて、これは基本的に彼のアイデアです！ – merkuro
ジャストコードとしてそれを与える：
GAH ！ IDやクラスの値として "left"と "right"を使用しないでください！そうでなければ健全な考え。 – roryf
私はそれに興味があります、なぜ、左、右のようなものを使用してみませんか？意味がない？ – merkuro