Css div内部div-宽度问题

Css div内部div-宽度问题,css,layout,html,Css,Layout,Html,我在另一个div中有一个div,如下所示: <div class="navigation"> <!-- this div must be a single row --> <div class="navigationButtons"> </div> <div class="feedback"> <div id="screenInfo" class="screenInfo"> PAGE_NUMBER

我在另一个div中有一个div,如下所示:

<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>
此处“screeninfo”的宽度为71.8em,但我希望“反馈”填充页边距之间的可用宽度(可能小于71.8)。
但即使将溢出设置为隐藏,我也无法在一行中获取“导航”div


提前感谢。

溢出:隐藏的
创建了一个新的格式上下文,这意味着您的div将适合浮动元素


因此,您可以删除
div的边距。反馈

溢出:隐藏
创建新的格式上下文,这意味着您的div将适合浮动元素


因此,您可以删除
div.feedback

的页边距。我从div.feedback中删除了页边距,但div.feedback元素的宽度仍然超出了可用空间,并且我无法在一行中获取整个div。我从div.feedback中删除了页边距,但div.feedback元素的宽度仍然超出了可用空间可用空间,我不会在一行中获取整个div。
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; }