CSS+DIV浏览器兼容问题

这种问题通常只有三种情况引起，第一宽度超出根据你上面火狐的显示已经排除了，第二浮动，看情况也不像你可以再检查一下，第三如果是IE的话也是常见的问题，双边距问题 你给加了浮动和边距的div全部加上 display:inline; 这个属性。看看能不能解决问题。

<div style="width:210px;overflow:hidden;zoom:1">

<div class="div1"></div>

<div class="div2"></div>

<div class="div3" style="float:left;display:inline; width:90px"></div>

<div class="div4" style="float:left;display:inline; width:90px"></div>

</div>

所有div都没有定义高度，由其内容撑开

这个使用了jQuery,代码如下，因为浏览器解析问题，会出现不兼容问题，给你一个大体代码：

<style type="text/css">

#container div{float:left;}

</style>

<div id="container" style="1000px;">

<div></div>

</div>

<script>

$(document)ready(function(){

var $divs=$("#container>div")

$sum=$divssize();

$divscss({"width":1000/$sum+"px");

});

</script>

上述的意思是获取子元素div个数，然后计算获得每个div的宽度，然后设置其宽度。因为要一行，所以样式表要将其设置为浮动。因为不同浏览器解析不同，有可能会出现串行问题，这个自己优化吧

你可以这样试一下。在右侧div里加上margin-right:5px !important;

#right{float:right;margin-right:5px !important;}

<div style="width:100%;">

<div style="float:left;width:200px;height:100px; background:#0C9"></div>

<div style="height:100px;width:auto;margin-left:210px; background:#F60"></div>

</div>

以上就是关于CSS+DIV浏览器兼容问题全部的内容，包括:CSS+DIV浏览器兼容问题、ie7兼容性：定义一个div width：210px; 在此div低下定义4个div1、div2、div3、div4.div3和div4 的宽度为90、根据子DIV数量，宽度自适应等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！