800兆技术
一行内显示不少于3个div层的方法
最后修改时间:2013年01月23日 16:33:36
主题词:CSS DIV HTML

利用CSS中的float属性(流控制)可以进行多列布局,此属性确定了其他内容如何环绕被控制的元素。

1.语法:

float : none | left |right 

2.参数:

none :  对象不浮动

left :  对象浮在左边

right :  对象浮在右边

3.实例:例如有3个div块,其id属性分别为div1、div2、div3,则可以将3个div块的float属性均设为left,就可以依次做横行排列了。

CSS部分:

.divstyle{width:100px; height:200px; float:left; border:solid 1px green}

源代码:

    <div>

    <div id="div1" class="divstyle">div1</div>

    <div id="div2" class="divstyle">div2</div>

    <div id="div3" class="divstyle">div3</div>

    </div>