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