CSS使用伪类清除浮动

html-css07

CSS使用伪类清除浮动,第1张

CSS清除浮动很多方式,可以使用:before和:after伪类来清除浮动,优点是不会增加页面dom元素,缺点是IE浏览器只支持IE8及其以上。

案例:

用 line-height:1 就可以把行高设为标准高度(也就是说字符的高度就是行的高度),行间距为0,当然,还要把pading和margin都要设为0,比如:

li {line-height:1padding:0margin:0color:#333font-size:15pxfont-family:"Microsoft Yahei"}

如果你还是觉得行与行之间存在空隙(尤其是英文字母),你还可以把行高设为小于1的值,比如 line-height:0.95 ,这样行与行之间就会发生边缘重叠,把空隙完全覆盖。

清除”就是clear这个属性的中文解释,“浮动”是float这个属性的中文解释。 清除(clear)的意思可以理解为把这个元素指定方向的内容给移走。例如clear:both就是指这个元素左右两边的内容给排除开,相当于这个元素独立成一行,其它元素不管宽度