色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 浮動后 底部對齊

阮建安2年前13瀏覽0評論

CSS浮動是一種常用的布局方式,但是浮動元素會導致父元素高度塌陷的問題。那么如何使浮動元素底部對齊呢?

最常用的方法是給父元素設置overflow: hidden;屬性。這個屬性可以觸發BFC機制(塊級格式化上下文),從而避免了高度塌陷的問題。

.parent {
overflow: hidden;
}
.child {
float: left;
}

另外一種方法是使用flex布局。給父元素設置display: flex;align-items: flex-end;屬性可以實現底部對齊的效果。

.parent {
display: flex;
align-items: flex-end;
}
.child {
float: left;
}

此外,還可以使用position屬性實現底部對齊。給父元素設置position: relative;,給子元素設置position: absolute;bottom: 0;屬性即可。

.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}

上述三種方法都可以實現浮動元素底部對齊的效果,具體使用哪種方法需要根據實際情況和需求來選擇。