div+css网页如何布局,是用float-left还是怎么弄。。。
发布网友
发布时间：2022-04-06 12:22
共3个回答
热心网友
时间：2022-04-06 13:52
<div style="width:300px;height:100px;border:1px solid #000;"></div>
<div style="width:90px;height:100px;border:1px solid #000;margin:10px 13px 0 0;float:left;"></div>
<div style="width:90px;height:100px;border:1px solid #000;margin:10px 13px 0 0;float:left;"></div>
<div style="width:90px;height:100px;border:1px solid #000;margin:10px 13px 0 0;float:left;"></div>
</div>
DIV默认换行，每新建一个DIV都会换行，float:left;代表向左排列，后3个 分别添加样式 即为一次向左排列
直接将我写的代码放进html的body中就可以看到效果了~
为了保证上面大的块与下面3个小的块 对齐 可以调整margin：上右下左的距离(单位px)即可
热心网友
时间：2022-04-06 15:10
<div style="border:1px blue solid;width:100px; height:100px; float:left;">左悬浮</div>
<div style="border:1px green solid;width:100px; height:100px; float:right;">右悬浮</div>
<div style="clear:both;"></div>
</div>
热心网友
时间：2022-04-06 16:44
