css中content: " ";是什么意思？有什么用？

Question

.group:after,
#content:after,
#sidebar:after,
#some .other .thing:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
zoom:1;
}
这段话是什么意思？

Answer 1

content:after是CSs的违类，这个代码是用来清除底部浮动的，比方说文章页面，由于文章页面的高度无法确认，他是随着文章的长度自动增长的，这个时候如果底部有其他的层这个时候就会出现上下错位的情况，#content:after 就可以用来清除上一层的浮动 这样就不会和下面的层发生位置错位，但是有一个地方要注意#content:after 不兼容IE6

Answer 2

实例

下面的例子在每个链接后插入括号中的 URL：

a:after  {  content: " (" attr(href) ")";  }

本回答被网友采纳