Question

div浮动后会遮住后面的div背景色，为什么不会遮住div里面的内容呢。

三个div样式为
#side {
float: left;height: 100px;background: #CCCCCC;
}
#main {background: #FF9966;height: 200px;width: 500px;margin-left: 120px;border: 2px solid #0000FF;
}
#content {margin: 0px auto;width: 620px;background: #FF0033;overflow: visible;border: 3px solid #000000;
}

html部分
<div id="content">
<div id="side">此处显示 id "side" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>
</div>

最终效果如图：（IE9, FIREFOX浏览器）

Answer 1

对div进行浮动处理，是“允许其他元素在同一行”的功能。
main现在是块状元素，如果加上float：left，不要margin-left后，就能和灰色的并列显示，文字也会存在于本div内。如果想达到图中的效果，可以用position：relative ，left：-50px这样。

遮背景是因为main是块状元素，side是浮动了。
文字不属于块状元素，side占据的空间文字不能浮动上去或者被遮盖。浮动不是position：absolute~

Answer 2

清除浮动clear:both；

Answer 3

设置绝对定位即可:  position: absolute;

Answer 4

你这不是遮住的么

Answer 5

没明白你的意思