Html 溢出问题：自动；铬

我有这样的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上，如果我快速刷新页面，有时整个内容分区都会隐藏起来

如果我删除溢出：自动；我摆脱了这个问题，但我当然失去了背景色

这是一个普遍的问题吗？还是怎样我怎样才能修好它

p.S.Chrome版本为8.0.552.237

.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>

这是我在处理浮动元素时使用的一个小技巧。添加带有清除两个css的空div将防止.content div崩溃

---

我希望它对您有用：

将div内部元素的css设置为

display:inline

---

我解决了这个问题

uhm…似乎还需要放置宽度：910px；在内容上解决问题。奇怪的行为：显示：内联块修复了我的问题。谢谢你的提示