-2

CSS を使用して 3 つの div タグを次のように配置するにはどうすればよいですか?

2 つの小さなコンテンツ ボックスが積み重ねられ、大きなコンテンツ ボックス (右側) との間に小さなスペース (左側) があります。

ありがとう

4

2 に答える 2

1

div を使用して左側に 2 つの小さなものを含め、この div を作成しfloat:left;ます。この div に固定幅を指定することもできます。margin-right:x;次に、状況に応じて調整する必要がある量である xを使用して、大きな div を右側に配置できます。

于 2012-10-22T19:11:44.770 に答える
0

私は通常、左の div を別の div でラップして、すべてを整理します。次の CSS を使用できます。

#left{
    float:left;
    width: 45%;
}
#left1{
    background-color:#ff0;    
    height: 100px;
}
#left2{
    background-color:#f0f;    
    height: 100px;  
}
#right{
    background-color:#0ff;    
    width: 50%;
    height: 200px;
    float:right;
 }

そして、このHTML：

​<div id="left">
    <div id="left1">stuff</div>
    <div id="left2">more stuff</div>
</div>
<div id="right">even more stuff</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

http://jsfiddle.net/XnBe9/をチェックしてください

于 2012-10-22T19:32:43.443 に答える