ICSS浮動的div

Question

我的圖片說明了什麼我嘗試做的，一切我都試過運動水平的瀏覽器窗口大小時被打破，

position: fixed;休息。

position: absolute;向下移動滾動條時會中斷。

div1是圖片 div2-4是css按鈕。

Answer 1

事情是這樣的：

JSBin

添加blue邊境像border:5px solid blue;（你必須修改width and height如果你將使用border）。

例與container：

JSBin_2

我會建議你使用fixed width（not %）。

Answer 2

使用浮動：左爲1區和浮動：權爲DIV2 - 4。另外，設置（在畫面中藍色框）父容器的寬度。

Answer 3

HTML：

<div id="div1"> 
Div1 
</div> 

<div id="div2"> 
Div2 
</div> 

<div id="div3"> 
Div3 
</div> 

<div id="div4"> 
Div4 
</div> 

CSS：

#div1,#div2,#div3,#div4{ 
background:#c00000; 
} 

#div1{ 
width:450px; 
height:150px; 
float:left; 
padding:10px; 
} 

#div2,#div3,#div4{ 
width:160px; 
margin-left:480px; 
margin-bottom:10px; 
padding:10px; 
}