为什么我做的css的顶部和内容之间会有一个白条

html-css030

为什么我做的css的顶部和内容之间会有一个白条,第1张

那个白色的长条是footer,即

<div class="footer"></div>

由于在它前面的side和centent都是浮动元素,而在后面又没有清除浮动(我注意到side和centent都有清除浮动,但这是没用的,只能清除其内部元素的浮动),这样的话footer就会无视side和centent的存在,自动跑到header的下面了。必须在footer的前面添加一个清除浮动的元素才行,比如:

<br style="clear:both" />

<div class="footer"></div>

描述的不是很清晰,下面回答常见出现白线的解决方法1、大的背景色与当前块元素【白色】 形成色差 出现白框 调整背景或块元素背景色保持一致调整:background-color2、就是常规添加border属性 去掉或更换