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

回答