CSS中子div靠下的方法有多種,以下介紹其中兩種方法:
1. 使用絕對定位
.parent { position: relative; } .child { position: absolute; bottom: 0; }
上述代碼中,父元素設置為相對定位,子元素設置為絕對定位,并使用bottom屬性將其定位在父元素的底部。
2. 使用flex布局
.parent { display: flex; flex-direction: column; justify-content: flex-end; } .child { align-self: flex-end; }
上述代碼中,父元素使用flex布局,設置其方向為列,并使用justify-content屬性將子元素向底部對齊。子元素使用align-self屬性將其自身向父元素底部對齊。
無論使用哪種方法,都可以實現(xiàn)子div靠下的效果。
下一篇css子容器占比