我有一個名爲#子菜單的包裝器,它在下面的cssdesk文件中以黃色顯示。我將它的高度設置爲auto,但不幸的是它沒有正確包裝所有內容。這個問題讓我瘋狂。希望有人能幫忙。預先感謝您的回覆。乾杯。馬克。css div高度auto不能正確包裝
1
A
回答
3
添加overflow:auto;
您#sub-menu
+0
非常感謝Soufiane。這也工作得很好。乾杯(DJohnson的解決方案也非常棒,再加上一些代碼......) – Marc 2012-02-25 23:31:06
2
浮動元素是什麼破壞了高度。你需要添加一個新的div來清除父容器高度的所有浮動元素以填充整個長度。
HTML:
<div id="sub-menu">
<div id="form-loc">
<a id="appliquer-loc" class="button white">filtrer</a>
<div id="saisi-loc">
<input id="input-loc" type="text"/>
<a id="valider-loc" class="button white">valider</a>
<a id="supprimer-loc" class="button white">supprimer</a>
<span id="msg-loc">Valeur saisie incorrecte</span>
</div>
</div>
<div id="proposition-loc">
<a id="proposer-loc" class="button white">+ Proposer une sortie</a>
</div>
<div class="clear"></div>
</div>
CSS:
#sub-menu{
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:yellow;
}
#form-loc{
width:800px;
height:auto;
float:left;
position:relative;
background-color:rgba(1,1,1,0.2);}
#saisi-loc{
background-color:rgba(123,123,123,0.2);
width:auto;}
#input-loc{
width:300px;
height:25px;
border:1px solid gray;}
#msg-loc{
font-size:14px;
padding:0 10px;
font-weight:bold;
background-color:pink;}
#proposition-loc{
text-align:right;}
.clear {
clear: both;
}
+0
非常感謝你D.它工作得很好:)祝你有個愉快的日子。 – Marc 2012-02-25 23:28:05
相關問題
- 1. Div高度不正確。 Css
- 2. CSS Div定位 - 打破包裝高度
- 3. CSS自動高度div不能正確定位本身
- 4. 在div不正確的高度的css div
- 5. 如何將div容器圍繞其他div容器包裝,高度爲:auto;
- 6. CSS Float不能擴展Div高度
- 7. Div高度100%不能正常工作
- 8. JS返回div的高度不正確
- 9. CSS div width auto
- 10. Safari中的Css列高度不正確
- 11. div的高度不變CSS
- 12. CSS div高度不伸展
- 13. html div高度不包括小孩div
- 14. 爲溢出的div獲取高度:auto;
- 15. 邊框不能正確地在div css
- 16. 粘滯頁腳包裝不擴展到正確的高度
- 17. UITableViewCell計算正確的高度,但UILabel不包裝
- 18. css/html - 元素容器的div/auto寬度的無包裝等效物
- 19. html高度:auto不工作
- 20. 不正確的jQuery高度
- 21. 包裝不能正確顯示內容
- 22. 背景大小:包含;高度不能正確縮放
- 23. 按鈕寬度和高度不正確
- 24. 包裝顯示:表DIV在另一個具有確切高度的div內
- 25. Div高度問題,Div高度不包括整個身體
- 26. 100%高度SVG正在推送文本的包裝div
- 27. 使包裝div延伸到與內容div相同的高度
- 28. uiview的高度不正確
- 29. 如果容器有高度,高度100%不能在FF和IE上工作:auto
- 30. Div不能正確對中
我不知道我的理解,究竟是什麼你想它要做什麼? – DNJohnson 2012-02-25 23:19:49
你好D.我想要主包裝(#子菜單,它有一個黃色的背景)有其高度自動適合其內容。所以黃色背景應該從頂部到輸入框下方。我清楚了嗎? – Marc 2012-02-25 23:21:17