div里面的div - 宽度问题

时间:2011-01-03 06:42:26

标签: 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_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; }

这里“screeninfo”的宽度为71.8em但是我想要“反馈”来填充边距之间可用的宽度(可能小于71.8)。
但即使将溢出设置为隐藏,我也无法在一行中获得“导航”div。

提前致谢。

1 个答案:

答案 0 :(得分:1)

overflow:hidden创建一个新的格式化上下文,这意味着你的div将适合浮动元素。

因此,您可以删除div.feedback的保证金。