Java OpenResty Spring Spring Boot MySQL Redis MongoDB PostgreSQL Linux Android Nginx 面试 小程序 Arthas JVM AQS juc Kubernetes Docker 诊断工具


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

HTML CSS 大约 217 字

场景

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

解决办法

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

示例

ul {
    font-size:0; 
}

li {
    vertical-align:top; 
    font-size:12px; 
}
阅读 3471 · 发布于 2019-08-16

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb

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

扫描二维码关注我
昵称:
随便看看 换一批