のdiv - 私はこのような別のdivの内側のdivを持っています幅問題

Question

：ここ

<div class="navigation"> <!-- this div must be a single row --> 

    <div class="navigationButtons"> 
    </div> 

    <div class="feedback"> 
<div id="screenInfo" class="screenInfo"> 
    PAGE_NUMBER_CANNOT_BE_LESS_THAN_ONE 
</div> 
    </div> 

    <div class="pagination"> 
    </div> 

</div> 

CSSクラス

div.navigation { height: 25px; } 
div.navigation div.navigationButtons { width: 13%; float: left; } 
div.navigation div.feedback{ margin-left: 15%; margin-right: 12em; overflow: hidden; } 
div.navigation div.paging { float: right; margin-right: 0.5em; width: 11em; } 
div.screenInfo { border-bottom:1px solid #FFDBBD; border-top:1px solid #FFDBBD; margin:0em 0em 1em; width:71.8em; } 

71.8emの幅を持っているが、私は、「フィードバックをしたい "screeninfo"マージンの間にある幅（71.8未満の場合もあります）の内側に塗りつぶします。
しかし、オーバーフローを非表示に設定した後でも、「ナビゲーション」divを1行で取得することはできません。

ありがとうございます。

Answer 1

overflow:hiddenは、新しい書式設定コンテキストを作成します。これは、divが浮動要素間に収まることを意味します。

div.feedbackの余白を削除することができます。