转帖：分析DIV+CSS常见的问题及理办法
目前，在全球范围内，浏览器市场主要分为IE6、IE7、IE8、IE9、Firefox、Chrome、Safari以及Opera五大阵营。除了这些国际厂商外，中国的腾讯、搜狐和奇虎360、百度、盛大等已在浏览器领域布局。百家争鸣本是好事，但也给中国的站长带来了不少麻烦，为了不失去任何一个客户，站长不得不安装所有浏览器对网站进行测试。
一、margin加倍的问题。
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;
例如：
<#div id="imfloat"></#div>
相应的css为
#IamFloat{
float:left;
margin:5px;/*IE6下理解为10px*/
display:inline;/*IE6下再理解为5px*/}
二、在CSS中加入overflow:hidden;可以灵活运用，不止防止内容溢出。还可以清除浮动。
例如：<div style="width:100%;background-color:green;overflow:hidden ;">
<div id="left" style="float:left;background-color:#333333;width:100px">左左左左左左左左左左左左左左左左左左左左</div>
<div id="right" style="float:left; ">右右</div>
</div>
八、页面中有一些是DIV里再套DIV，其实我们应该注意标签语义化，不能让我们的页面都是一味的DIV嵌套出来。例如，不能将标题放到DIV里，而不去使用H1-H6,页面中的标签：如H1-H6为标题标签，DIV为区隔标记（设定区块的摆放位置），UL LI为无序号的清单列表，OL LI为有序号的清单列表，DL DT DD为定义式清单（页面中的图文列表基本上就用这个标签），<span>为行内元素标签（<div>为大容器，大容器当然可以放一个小容器了,<span>就是小容器。），<em> <i>标签，这两个标签可以用在一段文字或一行文字中突出颜色字的样式，<p>为内容文章标签。
