html - iCSSフローティングdiv

Question

私の写真は私がやろうとしていることを説明しています、私が試したすべては壊れています、

position: fixed;ブラウザの水平ウィンドウサイズを移動すると壊れます。

position: absolute;スクロールバーを下に移動すると壊れます。

div1は画像ですdiv2-4はcssボタンです。

Answer 1

div 1にはfloat：leftを使用し、div2-4にはfloat：rightを使用します。また、親コンテナーの幅を設定します（画像の青いボックス）。

Answer 2

このようなもの：

JSBin

blueのような境界線を追加します（を使用する場合は border:5px solid blue;変更する必要があります）。width and heightborder

container：の例

JSBin_2

fixed width（ ）を使用することをお勧めしますnot %。

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;
}