位置相對和絕對與保證金底部0

我想將圖像編號3在頁面的底部，但它不起作用。我使用了定位和粘貼，但它不起作用。位置相對和絕對與保證金底部0

.boxes { 
 
    position: absolute; 
 
} 
 
.downa { 
 
    position: relative; 
 
    margin-bottom: 0; 
 
    bottom: 0; 
 
    left: 0px; 
 
} 
 
.topa { 
 
    position: relative; 
 
    top: 0px; 
 
    left: 0px; 
 
}

<div class="boxes"> 
 
    <center> 
 
    <img class="topa" height="50" src="http://www.clker.com/cliparts/V/1/Y/3/j/Z/blue-number-1-md.png" width="50" /> 
 
    </center> 
 
    
 
    <center> 
 
    <img class="downa" height="50" src="http://www.clker.com/cliparts/g/b/d/Y/s/2/blue-number-3-md.png" width="50" /> 
 
    </center> 
 
</div>

我怎樣才能把圖像數字3在頁面的底部？

來源

2015-11-27 Alexander Richard

看起來「向下」給我。有什麼問題？ – Amit

這不是倒頁，它實際上是下降的數字1不是在底部0. –

一類添加到「3」形象的父（如「包含.foo」）不是強加的‘固定’禮：

.boxes{ 
    position:absolute; 
    } 
    .downa{ 
    position:relative; 
    margin-bottom: 0; 
    bottom: 0; 
    left: 0px; 
    } 
    .topa{ 
    position:relative; 
    top:0px; 
    left: 0px; 
    } 
.foo { 
    position:fixed; 
    bottom:0 
} 

<div class="boxes"> 
<center> 
<img class="topa" height="50" src="http://www.clker.com/cliparts/V/1/Y/3/j/Z/blue-number-1-md.png" width="50" /> 
</center> 
<center class="foo"> 
<img class="downa" height="50" src="http://www.clker.com/cliparts/g/b/d/Y/s/2/blue-number-3-md.png" width="50" /> 
</center> 
</div>

http://jsfiddle.net/u6Lg9tns/

我假設你正在尋找一個粘性的頁腳;如果你想只根據父元素的實際高度進行定位;你應該使用Javascript（或更有可能的JQuery）來檢查元素的實際大小（如果是動態的）併爲定位設置適當的值...

來源

2015-11-27 22:25:45 holden

是的。你可以向我解釋一下爲什麼我要用另一個班級在頁面下方做出來？爲什麼它不適用於類下？謝謝bro –

因爲downa是另一個標籤的子圖像的類;所以，移動父母，你也會移動孩子。這就像是說：如果我想移動一個框在另一個更大的盒子裏面，我必須移動更大和更小的一起。 – holden

好的。感謝您的回答和幫助。 merci beaucoup :) –

試試這個.boxes {position：relative;} .downa {位置：絕對的;底部：0;左：0像素; } .topa {position：absolute; top：0px; left：0px;}

來源

2015-11-27 22:25:54 seybanks

位置相對和絕對與保證金底部0

回答

相關問題