float以后设置的小细节

先看看下面这段css代码，是不是很完美？没错？

#pageBodyMain .articleList a: after {

content: "";

clear: both;

display: block;

}

 

#pageBodyMain .articleList a .articleListText {

width: 370px;

float: right;

}

 

#pageBodyMain .articleList a .articleListImage {

width: 300px;

float: left;

}

 

非常遗憾，如果打开我们做得页面，float前的框架仍旧有问题。

经过反复研究了半天。。。原来是after前面必须直接接：，不能有任何空格。。。。

 

恩，这么坑爹的地方我一定要记下来