CSS 简单问题,请帮忙解释一个属性

来源：百度知道 编辑：UC知道 时间：2024/05/04 06:44:26
.clear {clear:both;overflow:hidden;height:0px;font-size:0px;content:".";line-height:0px}

请帮忙解释上面的属性,尤其是 content:"." 是什么意思??
<div class="clear"></div>
这个有意思吗?又没有具体内容?可以去掉吗?谢谢

content: "string" 使用用引号括起的字符串 也就是在css中控制使用该id或者class的元素中插入字符串

这里的作用是让div里面有个隐藏的 不可见的字符 "." ,以确保div有效，有些浏览器中 div内为空的话就放弃解析了

.clear这个类选择器的作用是清除浮动，以消除前面浮动元素对后面元素的影响，别看是个空div ，在某些布局中非常重要

想研究的话 可以把这个去掉看看效果的不同

<div class="clear"></div> 不可以去掉，意思是这个DIV引用了名为clear的CSS样式！