Question

我有这种HTML代码：

.content { background-color:#3C2B1B; overflow:auto;}
.menu { width:185px; float:left; background-color:#E2DED2; margin-top:10px; margin-left:10px; margin-bottom:10px; padding-left:10px; padding-right:10px;}
.main {width:675px; float:left; margin:10px;}

<div class="content">
    <div class="menu">
        Menu    
    </div>

    <div class="main">    
        Main
    </div>
</div>

它适用于IE和Chrome，但在Chrome上，如果我快速刷新页面，有时整个内容div会hide。

如果我删除overflow:auto;我摆脱了这个问题，但当然我丢失了背景颜色。

这是一个常见问题吗？或者是什么？我该如何解决？

P.S。 Chrome版本为8.0.552.237

Answer 1

.content { background-color:#3C2B1B;}
.menu { width:185px; float:left; background-color:#E2DED2; margin-top:10px; margin-left:10px; margin-bottom:10px; padding-left:10px; padding-right:10px;}
.main {width:675px; float:left; margin:10px;}
.clear {clear:both}

<div class="content">
    <div class="menu">
        Menu    
    </div>

    <div class="main">    
        Main
    </div>
    <div class='clear'></div>
</div>

这是我在使用浮动元素时使用的一个小技巧。使用clear css添加空div会使.content div不会崩溃

我希望它适合你：）

Answer 2

将div内部元素的css设置为

display:inline

我解决了这个问题

溢出问题：auto;和铬

2 个答案: