オーバーフローの問題：auto;クロム

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> 

これは浮動要素を扱うときに使用するちょっとしたトリックです。明確な両方のCSSで、空のdivを追加すると、私はそれがあなたのために働く願ってい

を崩壊から.content div要素を維持します:)

Answer 2

を

display:inline 

としてdivの内側の要素のCSSを設定することによって、私は解決しましたこの