CSS float元素浮动后左右高度不一致解决办法

HTML CSS 大约 216 字

场景：给右边元素添加float:right后，左右两边高度不一致，左低右高。

解决办法

给父元素定义font-size:0;
浮动子元素定义需要的font-size，再定义vertical-align:top;
若有优先级设置，请注意添加!important;

示例

ul {
    font-size:0; 
}

li {
    vertical-align:top; 
    font-size:12px; 
}

阅读 859 · 发布于 2019-08-16

———— END ————

扫描下方二维码关注公众号和小程序↓↓↓

扫描二维码关注我

昵称：

随便看看换一批