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

昵称:
随便看看
换一批
-
设计模式之外观模式阅读 1489
-
走进 Rust:闭包阅读 2093
-
Java 并发编程之 AQS ReentrantLock 可中断锁源码解析阅读 523
-
缓存穿透、缓存雪崩、缓存击穿、缓存污染阅读 1831
-
IDEA Debug 条件断点阅读 1123
-
JMeter 从文件中读取变量参数阅读 1894
-
Redis: I detected a non zero amount of anonymous huge pages used by your process.阅读 1476
-
minikube Pod 无法解析 Service 主机名阅读 270
-
Android 权限大全阅读 2886
-
Ubuntu 系统升级 MySQL 版本阅读 1998