我有一個li
標籤內的img
標籤,然而,li
標籤不增加它的高度會自動將圖像把圖像L1標籤內沒有擴大L1標籤
實例的高度:http://jsbin.com/iroyev/
我想讓img
進入li
標籤。在這種情況下,背景顏色的意思是#F0F0F0
。
我該如何做到這一點?
我有一個li
標籤內的img
標籤,然而,li
標籤不增加它的高度會自動將圖像把圖像L1標籤內沒有擴大L1標籤
實例的高度:http://jsbin.com/iroyev/
我想讓img
進入li
標籤。在這種情況下,背景顏色的意思是#F0F0F0
。
我該如何做到這一點?
浮動元素不會影響其父項的大小。
可以解決這個問題通過應用overflow
到li
元素:
ul#something li#someunit {
background: none repeat scroll 0 0 #F0F0F0;
border-radius: 10px 10px 10px 10px;
clear: both;
display: block;
position: relative;
overflow: hidden;
}
這是因爲您正在浮動圖像。嘗試在關閉li之前添加一個div來標記具有明確屬性的圖像。
<div style="clear:both;"></div>
</li>
是。在你的css中創建一個類,如下所示:'.clear {clear:both;}'然後將清除類添加到你的div中。 '
' – brenjt