1. 程式人生 > >如何讓文字或者其他元素 移動到div的底部,與底部貼近。

如何讓文字或者其他元素 移動到div的底部,與底部貼近。

兩種思路

1.如果是文字或者其他塊級元素。使用定位的思想。position:absolute,然後boottom:0。父元素注意要設定一下position:relative。因為絕對定位是相對於最近一個非static定位的元素的相對位置。 但是如果出現多個元素在同一父元素內 同時需要絕對定位移動位置,那麼需要注意,如果直接這樣做,會造成那些元素重疊,而不是與float一樣的正常排布,這是因為他們有相同的父元素,使用絕對定位之後就都會移動到父元素的左邊,而不是還處在原來的位置,為了解決這種情況,需要給那些需要移動位置的元素 巢狀一個父元素,讓他們的父元素去定位,給他們的父元素設定relative,這樣原先的父元素就變成了爺元素。這樣一來,再給他們設定完絕對定位加位置屬性之後就不會出現重疊的效果,因為他們都是在父元素的限度內去移動,再跑也跑不出來。這樣就又不重疊,又能貼近底部,但是需要注意。新巢狀的父元素需要一個固定的高度,高度要高於內部元素。不然他的高度就是被內部元素撐開的。

2.如果是文字(塊級元素沒試過,到時候可以試一下)。那麼需要給包著文字的那個div設定成 display:table-cell+ vertical:bottom。這樣文字就貼著div底部了。

詳情可見上一篇的內容。