CSS底部不影響元素

<body> 

...other stuff... 

<div style="width: 30px; margin-left: 500px; bottom: 0px;"> 
<img src="picture.png"> 
</div> 


</body>

margin-left正在工作。想不通爲什麼畫面不會粘底..CSS底部不影響元素

2012-02-26 Norse

對於bottom是有效的，你必須也使用position設置爲relative或absolute：

<div style="position:absolute; width: 30px; margin-left: 500px; bottom: 0"> 
    <img src="picture.png"> 
</div>

使用absolute或relative位置取決於你的佈局要求。

注：隨着position集，你也可以使用left，right和top。

2012-02-26 09:00:01 Sarfraz

明白了。謝謝。 – Norse 2012-02-26 09:06:54

@ user1093634：不客氣:) – Sarfraz 2012-02-26 09:07:44

該元素缺少position規則使bottom生效。 quirksmode在CSS定位上有很好的文章。

2012-02-26 09:01:19 andyb

你必須元素明確定位，以便能夠使用bottom屬性：

對於絕對定位盒，該屬性指定多遠框的底部邊緣邊緣底部上方偏移其包含塊的填充邊緣。

對於相對定位框，此屬性指定框的底部邊緣在正常流動中的位置偏移的距離。

DEMO - source

2012-02-26 09:01:22

我認爲你正在尋找這樣的事情。

<div style="width: 30px; margin-left: 500px;"> 
<img src="picture.png" style='display: block;'> 
</div>

img在默認情況下有一定的空間，低於文本基線。這不是保證金或填充。最常見的改變方法是將圖像的顯示設置爲阻止。

2012-02-26 09:14:30 Michas

回答