溢出：自动和DIV问题

这是交易。我有一个宽度为100％的容器DIV。在那个DIV里面，我有大量空白的DIV浮在左边，并在上面显示：block。（用于测试目的）溢出：自动和DIV问题

我在容器上有overflow-x：auto。

一旦最后一个div到达容器元素的末尾，它将下降到下一行，而不是与其他DIV保持一致，并启动容器上的滚动条。

如何防止DIV掉到下一行并强制它们调用容器上的滚动行为？

让我知道非常感谢！

这里是一个事先知情同意的帮助： alt text

来源

2010-12-10 Alex

你是对的！非常感谢！ – Alex 2010-12-10 15:09:00

<html> 
    <head> 
     <style type="text/css"> 
      #container { 
       white-space:nowrap; 
      } 

      .child { 
       background-color:#dddddd; 
       display:inline-block; 
       height:100px; 
       width:100px; 

       /* Trick FF2 into using inline-block */ 
       display:-moz-inline-stack; 

       /* Trick IE6 into using inline-block */ 
       *display: inline; 
       zoom:1; 
      } 
     </style> 
    </head> 
    <body> 

     <div id="container"> 

      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 
      <div class="child">.</div> 

     </div> 

    </body> 
</html>

来源

2010-12-10 14:30:38 michael

我注意到你把时间放在DIV中。这是否意味着DIV需要内部的东西才能正常工作？ – Alex 2010-12-10 15:05:43

不需要在DIV中有内容，这只是我测试代码的一种方式 – michael 2010-12-10 16:39:49

你试过white-space:nowrap;？

您可能还会发现需要切换到使用display:inline-block;而不是float:left;。

来源

2010-12-10 14:25:25 Spudley

溢出：自动和DIV问题

回答

相关问题