CSS中的浮动

原创 2018-12-12 04:11:16 287
摘要:float:right;可以设置DIV向左浮动,控制块级元素变成一行;但需要注意的是:此时由于浮动属性,设置了浮动效果的DIV不在正常的文档流中,未设置浮动的DIV会当做浮动DIV不存在,从而使布局出现偏差;要解决这个问题,需要在后方的DIV中清除浮动效果;一般是是设置一个名为:clear的div,专门用来清除浮动效果;.clear设置为clear:both;PS:clear有三个属性:left、

float:right;可以设置DIV向左浮动,控制块级元素变成一行;

但需要注意的是:此时由于浮动属性,设置了浮动效果的DIV不在正常的文档流中,未设置浮动的DIV会当做浮动DIV不存在,从而使布局出现偏差;

要解决这个问题,需要在后方的DIV中清除浮动效果;

一般是是设置一个名为:clear的div,专门用来清除浮动效果;

.clear设置为clear:both;

PS:clear有三个属性:left、right、both;

一般使用both清除两边的浮动效果;

批改老师:天蓬老师批改时间:2018-12-12 08:56:44
老师总结:清除浮动有很多种方式, both是清二边, 有时只需要清左边或右边

发布手记

热门词条