溢出：自動和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問題

回答

相關問題