热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

高度塌陷解决方法有哪些?

答:高度塌陷问题,由于子元素浮动,父元素没有设定高度,导致父元素出现高度坍塌方法一:overflow&#x

答:高度塌陷问题,由于子元素浮动,父元素没有设定高度,导致父元素出现高度坍塌
方法一:overflow:hidden,导致溢出内容被隐藏
方法二:清除浮动 clear:both;容易造成代码冗余
方法三:万能清除法,出现高度塌陷的元素:

after{
content: "";
clear:both;height:0;
overflow:hidden;
display:block;
visibility:hidden;
用一个伪元素,设置高度为0
}

推荐阅读
author-avatar
mobiledu2502926703
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有