CSS float 元素浮动后左右高度不一致解决办法
HTML CSS About 217 words场景
给右边元素添加float:right
后,左右两边高度不一致,左低右高。
解决办法
- 给父元素定义
font-size:0
; - 浮动子元素定义需要的
font-size
, 再定义vertical-align:top
; - 若有优先级设置,请注意添加
!important
;
示例
ul {
font-size:0;
}
li {
vertical-align:top;
font-size:12px;
}
Views: 4,298 · Posted: 2019-08-16
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...