浮动,你可以理解为漂浮在空中,然后它后面紧挨着但未设置浮动的元素则仍然在地上,并且填补了漂浮元素原来在地上所占用的位置,也就是说,非浮动元素“钻”到浮动元素的下面去了,所以被盖住了。要想避免这种情况,必须让浮动元素清除浮动,最简单的方式就是给浅蓝色div加一个 overflow:hidden ,这样它...
浮动和清除浮动一般用在DIV+CSS布局时,通常情况下使用DIV+CSS布局,文档中的对象都是从上自下依次排列,比如你写那么默认情况下id为b 的div 排在 a的下方,我们称这种布局为标准流,设置浮动后对象就脱离了标准流,就像水面上的漂浮物一样,不再严格的按照标准流排列。浮动的取值如下: left:对象浮在左边...
表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块,但是使用该属性会影响后面的元素,所有如果后面的div不想再被影响,可以使用clear:both;可以理解为清除float:left和float:right的影响,返回到默...
因为DIV都是块元素,默认情况下每插入一个DIV都会换行,所以在这种情况下我们就要用到CSS中的:float 来让DIV浮动起来 float:left 是向左浮动 float:right 是向右浮动 为了让浏览器能正常显示一般情况下我们还要给写有浮动地方的最后面加上一个 清除浮动 以便于在浏览器中能正常显示出来 ...
如果不定义浮动的话,各个div的内容在页面上是由上向下排列的。而如果某个div定义了float: left,那么这个div就会出现在上层div下最靠左的位置,而与它同一等级,但列在它后面的div就会显示在他的右侧了。同样,如果定义了float:right,那么这个div就会出现在上层div下最靠右的位置,而与它同等级,但列...