試圖讓一個div滾動時，動態引入一個子div集合

我有一個div的集合被動態地引入父div（這是一個彈出容器內）。有時只有1個，有時候有6個。對於超過3個子div的任何內容，我希望父級具有HORIZONTALLY滾動條。問題是孩子div包裹而不是繼續。試圖讓一個div滾動時，動態引入一個子div集合

以下的實際工作：

<div class="container"> 
    <div class="parent-container"> 
    <div class="parent"> 
     <div class="child"></div> 
     <div class="child"></div> 
     <div class="child"></div> 
     <div class="child"></div> 
    </div> 
    </div> 
</div> 

.container { 
    background: none repeat scroll 0 0 #FFFFFF; 
    border: 2px solid #0486A0; 
    border-radius: 10px 0 0 10px; 
    display: none; 
    height: 450px; 
    min-width: 300px; 
    position: absolute; 
    right: 315px; 
    top: 407px; 
    z-index: 2000000;} 

.parent-container{  
    float: left; 
    max-width: 670px; 
    overflow: auto;} 

.parent { 
    display: block; 
    width: -moz-max-content;} 

.child {  
    width: 200px; 
    float: left; 
    }

但

通知的-moz-MAX-內容！我不能使用它，因爲它只適用於Firefox。最大寬度也不起作用。

TL; DR：有沒有解決moz-max-content問題的方法，所以我不必在父div上指定一個固定的寬度？

來源

2012-01-13 Adit Nathan

您可能感興趣的overflow-y: scroll css規則。

更多信息here。

來源

2012-01-13 22:44:49 tobias86

不應該是一個問題

你的容器應該有一個最大寬度說800像素（套溢出：汽車;）我建議有另一格「childContainer」遏制孩子的div

當孩子成功加載（上$ .ajax.success），使用jQuery更新#childContainer的寬度（像）

$("#childContainer").width($("#childContainer").width() + $(child).width());

但你必須跟蹤已加載的div的數量。但它可以讓你動態調整容器內的div大小

來源

2012-01-13 22:49:16 sonjz

非常感謝！ – 2012-01-16 16:08:04

試圖讓一個div滾動時，動態引入一個子div集合

回答

相關問題