IE7为什么两个DIV无法同行显示，IE8可以


    <div>
        <div id="div">
            <div id="div1">LEFT</div>
            <div id="div2">RIGHT</div>
        </div>
    </div>
#div
{
width:500px;
height:40px;
}
#div1
{
width:250px;
height:40px;
float:left;
}
#div2
{
width:250px;
height:40px;
float:left;
}在IE8中DIV1和DIV2可以同行显示，但在IE7不能，什么原因

解决方案 »

  1.   

    边框的问题：
    这样
    加上
    div{padding:0;border:0;margin:0}
      

  2.   

    如果这几个div没有继承其他样式就这点样式，那看起来应该可以同行的
      

  3.   

    #div
    {
        width:510px;
        height:40px;
    }
      

  4.   

    楼主是用float的话,要配合:clear:both使用,否则布局可能会惨不忍睹,
      

  5.   

    因为这两个版本执行的标准并不是完全一致的。就是边框的解析上面，可以把div的宽度设置宽一点试一试。
      

  6.   

    见鬼了···我用IETest测试你这段代码···从IE6 到IE9 ，都能正常显示遨游、火狐、谷歌浏览器都能同行显示···不知道你···
      

  7.   

    我发现好像代码真的没问题，因为刚才自己重新写了一个新的css文件（代码与上面完全相同）发现能同行显示了，但一旦把这些css代码放到原来的css文件里就不行了，原来的css文件里也没什么问题啊，包括清零啊什么的都没做，不过原来的css文件里样式比较多，是因为样式太多加载不过来的缘故吗？
      

  8.   

      建议你以后编写前台 的时候 用 table+DIV+CSS  这个最容易避免浏览器不兼容的问题了！
      

  9.   

    这种布局经常见到，随便翻人家的网页就能看到了。经过测试，这布局是同一行的，是实在不行就加上 clear:both
      

  10.   

    div是块级元素
    没有把 display:inline 是不会同行显示的  除非 用了float
      

  11.   

    改学习下css布局 div+css网页标准布局实例教程
      

  12.   

    你以前的样式里面有div{...}的样式
      

  13.   

    那肯定是其他的样式对这个产生影响了。
    找找css文件中有没有样式是直接给div元素定义的
      

  14.   

    我试了IE7、IE8、FF都能正常换行：
    <html>
    <body>
    <div style=" width:300px;border: 1px solid #cdcdcd;">
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
        <div style="border: 1px solid #A5B6C8; width:80;float: left;">111</div>
    </div>
    </body>
    </html>
    把高度去掉试试，高度这个可以通过设置padding，防止div中的文字太靠近边框。
      

  15.   


    用firebug看看，是不是继承了其他样式。