UC知道DIV css 兼容
来源：百度知道 编辑：UC知道 时间：2024/06/04 09:12:23
看了模板也用了 margin padding可效果都一样
看他们的CSS也没用 HACK 是怎么做到 困惑死了 搞不懂 哭求
在你刚开始定义CSS样式时就应该在CSS初始值头部上设置如：
*{margin:0 auto;padding:0;}
margin:0 auto; 注：上下边距为0，左右为auto自动，这样在FF显示时就会以居中显示。
padding:0;注：他都值只有固定的，没有自动（auto）值;
有些时候我们设置了 如：margin-left:10px; 可是在IE6里显示出来的确是20px的像素，IE7是10px;原因很简单,那就是你一定设置的浮动float:left;你加上clear:both; 代码这是清楚浮动的。
<meta http-equiv="x-ua-compatible" content="ie=7" /> 是兼容IE8的代码 放置在
<head>
<meta http-equiv="x-ua-compatible" content="ie=7" /> <!--放置在此处 这样显示的话与IE7显示相同，如放在title下面那么则不好使-->
<title>标题<title>
</head>
有些时候只要我们调节好CSS样式那么,页面显示无论是IE6、7、8、FF都会一样的。我是做网页制作布局的刚开始对div+css兼容也很头痛，不过只要你了解他们的特性后就会很好解决了。
多多练习。
有什么问题可以随时大家一起探讨（我也不一定会哦）呵呵。
margin属性在有float的时候
IE6为双倍
解决办法是加入display:inline
margin:10px 10px 100px 10px; //ff
*margin:10px 10px 50px 10px !important; //ie7
*margin:10px 10px 30px 10px; //IE6
这些分别只对单独的 浏览器