overflow:hidden

CSS中，overflow:hidden的作用是隐藏溢出
比如：<div style="width:300px;overflow:hidden" id=1><div id=2></div><div>
当ID=2的这个DIV高度设定的宽度超过了300px，那么超出的部分将自动被隐藏




div 中的overflow属性我用页面测试overflow的，visible、hidden的区别。发现了visible是全部显div 标签内的内容，如果div内容过长就会撑开页面；而hidden是隐藏超出宽度的部分。

1）IE6和FF中有一点却显示的却不一样，底部版权在FF中却跑到了的右侧ContentR的下面，如图：


 





产生原因：是因为id为Content的div，没有自动适应里面ContentL的高度
解决方法：最简便的方法是设置Content的CSS属性overflow:hidden;
怎么样问题解决了吧~
2）因为ContentR的高度没有ContentL的高度高，所以在ContentR的下面留有一块空白，如图：


 




解决方法：只需要把Content的背景颜色设置成和ContentR背景颜色一样就OK了
这个问题也解决了吧~
最终效果