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;
}
阅读 3471 · 发布于 2019-08-16
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
微信小程序基于 Parser 添加长按复制、代码高亮等功能阅读 4559
-
Linux Shell 脚本监控进程状态阅读 4531
-
Android ContentLoadingProgressBar 进度条控件阅读 8219
-
Docker 部署 Nginx阅读 1304
-
Elasticsearch 使用 filter 和 range 过滤器搜索阅读 2891
-
Linux ftp 操作阅读 1528
-
macOS Postgres.app 配置命令行工具阅读 307
-
Elasticsearch 全文搜索 query->match阅读 1448
-
Tomcat 禁止日志输出到 catalina.out阅读 4425
-
软考-系统架构设计师:商业智能(BI)阅读 2016