Question

a设置为block，浮动后，后面的div会跑到与a同位置，上下重叠； 当div也float:left时就是在firefox挨着显示

这是为什么？？？求高手解答~谢谢~~
<style type="text/css">
a {
background:black;
border: 1px solid;
display:block;
text-decoration: none;
border-color: #aaab9c #fff #fff #ccc;
width:180px;
height:180px;
float:left;
margin-right:10px;
}
a:hover {
border-color: #ffe #aaab9c #ccc #fff;
}

.c1{
width:280px;
height:280px;
border:#000 1px solid;
background:blue;
}
<a href="#"></a>
<div class="c1">0000</div>

Answer 1

行内元素在添加了浮动之后会变成块元素，即使你不设置display:block；所以一般设置了浮动了的元素最好能给它加上个宽度；后面的div会因为前面的a元素浮动了会跑到a的位置上（了解下文档流），如果不想他上去你可加个clear：both。

Answer 2

　　您好！很高兴为您答疑！

　　Float浮动用于设置对象靠左与靠右浮动样式，可以实现我们所需要的让DIV、SPAN等标签居左居右浮动。详细教程，您可以参考：http://www.divcss5.com/rumen/r93.shtml
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。