股利不與內容

我遇到了一個大麻煩成長......我不能讓一個div增長與內容... 我有了這個HTML在這裏解決它......但我不能這樣做.. 。有人可以幫我弄這個嗎...？？股利不與內容

，我需要成長，以及..你會看到Lorem存有越過頁腳股利...：P

有某些部分在html：

<div id="boxes"> 
    <div id="boxFinal"> 
     <div id="linksBoxFinal"> 
      <ul> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
       <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a> 
      </ul> 
     </div> 
     <img id="barraFinal" src="img/barraBoxFinal.png" /> 
    </div> 
</div>

這裏的CSS：

#boxes{ 
margin:0; 
padding:0; 
position:relative; 
float:left; 
height: 100%; 
width: 100%; 
overflow: none; 
} 
#boxFinal{ 
margin:15px 0 0 8px; 
padding:0; 
float:left; 
position:relative; 
width:100%; 
max-height:100%; 
overflow:inherit; 
    }

有人可以幫幫我嗎...？

來源

2013-04-23 efdutra

你需要[清除]（#stackoverflow.com/questions/639925/div-collapse-when-using-float）'＃boxFinal'因爲它的身高已經因爲浮動後裔而摺疊 – Adrift 2013-04-23 14:33:35

是否可以將列表元素放置在錨內？ – core1024 2013-04-23 14:37:32

@ core1024不，代碼是無效的。錨必須在裏面 – Adrian 2013-04-23 16:00:50

有與您的風格我看到了很多的東西錯了發揮各地。首先，你不需要把所有東西都放在左邊。接下來，您需要添加三里屯周圍您在UL錨定的標籤。第三，你需要刪除的#lineBoxFinal絕對定位。如果您使用以下方式（替換現有的），然後頁腳應該正確

//line 241 
#linksBoxFinal ul { 
    margin: 5px 0 35px 15px; 
    z-index: 3; 
} 

//line 262 
#barraFinal { 
    position: relative; 
    margin: 0 110px; 
    z-index: 2; 
    clear: both; 
}

來源

2013-04-23 14:45:31 Pete

完全同意。也許要擺脫'#linksBoxFinal ul'的左邊填充＃ – core1024 2013-04-23 14:49:00

謝謝你！現在它工作！ – efdutra 2013-04-23 16:22:40

那是因爲position:absolute上div[.linksBoxFinal]>ul

那將是#linksBoxFinal ul上線241在您的style.css

。。

試試這個：

<ul style="position:relative;">

（也去掉不那麼需要的保證金底部）

來源

2013-04-23 14:34:10

工作，爲您的關於把一個李錨內的問題，我相信答案是否定的。錨不能容納塊級元素。

來源

2013-04-23 15:20:38

股利不與內容

回答

相關問題