如何使用与float属性相结合的方式创建横向多列布局
发布网友
发布时间:2022-04-06 12:10
我来回答
共2个回答
热心网友
时间:2022-04-06 13:39
<style>
.box{ width:310px;}
.sbox{ width:60px; border:#000000 1px solid; height:100px; float:left}
</style>
<div class="box">
<div class="sbox"></div>
<div class="sbox"></div>
<div class="sbox"></div>
<div class="sbox"></div>
<div class="sbox"></div>
</div>
例如这样,你要是要更多的横向格子,自己适量的调动width就可以了。
热心网友
时间:2022-04-06 14:57
给div定义宽度,并设置向左浮动,就可以实现一行多列的效果