html代码:
如何在左边?
css代码:
.bigBox {margin: 0 auto; width: 960px;}
.left { float: left; width: 600px;}
.right { float: right; width: 340px;}
/* clearfix */
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
解释:bigBox上加clearfix是为了能让bigBox容器撑开,这个你写背景的时候就知道了,还有浮动的元素最好加上宽度
追加:如果一个div里面有俩个元素(一个(左)没浮动,一个(右)有浮动),浮动的元素要先写,就是(一个(右)有浮动,一个(左)没浮动),如果不这么写,ie7(好像是这个)会产生错位;
还有就是清除浮动的元素,是你用浮动元素的父级的第一个兄弟元素(这里面的clear)清除,直接
.clear { clear: both;}
在他们说的这些基础上面,还有一点很重要
当你给div设置浮动的时候,记得要清除浮动,清除浮动的目的就是为了不让它的浮动对下面造成影响。。
给你做了个图,应该直观一些,你理解下!
如何在左边?
或者
如何在左边?如何在右边?