嵌套的DIV標籤和高度

我試圖讓一些嵌套的div標籤自動增長高度取決於它們內的內容。示例代碼是given here。例如中間有更多的內容，但高度似乎不會增長。讓它自動增長的訣竅是什麼？我從父母那裏拿出所有浮動元素，認爲它可能是CSS clear rule。但那也沒有幫助。感謝任何幫助。嵌套的DIV標籤和高度

<div id="editmain"> 
     <div class="ticker"> 
     some content here 
     </div> 
     <div class="ticker"> 
     some longer content content here 
     </div> 
     <div class="ticker"> 
     some content here 
     </div> 
    </div> 

    #editmain 
     { 
      position:relative; 
      min-height:480px; 
      background-color:#84d; 
      overflow:hidden; 
      padding: 20px 0px 30px 0px; 
     } 

.ticker 
     {  
      position:relative; 
      border-bottom: solid 2px #ddd; 
      margin:10px; 
      background-color:white; 
      overflow:hidden;    
      height:auto; 
      min-height:100px; 
     }

來源

2013-02-22 TP JE

刪除溢出：隱藏 – 2013-02-22 16:45:59

您需要刪除所有'的位置是：絕對的;'規則和使用位置靜態（默認）或相對 – dezman 2013-02-22 16:47:58

你的代碼重新考慮你的佈局工作正常：http://jsfiddle.net/Zm6FJ/ – Giles 2013-02-22 16:48:34

在絕對定位模型中，一個盒從正常流完全去除（它有在以後的兄弟姐妹沒有影響），並分配一個位置相對於一個包含塊。

w3.org

取出絕對定位，找到另一種方式來格式化您的標籤和使用寬度和保證金的投入。 Fiddle

.tickertxtlabel 
    { 
     display:inline-block; 
     margin: 10px 10px 10px 10px;   
     width:90px; 
    }

來源

2013-02-22 17:37:02 jim31415

謝謝！謝謝大家的提示！ – 2013-02-22 17:55:42

嵌套的DIV標籤和高度

回答

相關問題