高度塌陷

浮动或定位时导致的父元素高度消失问题都可通过给父元素添加高度来解决【x


定位:定位absolute和fixed时都会使父元素高度塌陷

            可通过 1. 添加一个有高度的div

                        2.设置元素的margin来解决


浮动:【IE直接 父元素设置  zoom:1;】

            1.在父元素中加入 <div style="clear: both;"></div> 或者伪类 ::after{

                                            content: "";

                                            display:block;

                                             clear:both;}

            2.父元素设置 overflow: hidden;

            3.父元素设置float【最好不要】

            4.父元素设置 display:inline-block;【最好不要】

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 高度塌陷: 在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高 但是当为子元素设置浮动以...
    啊烟雨阅读 3,658评论 0 0
  • 高度塌陷: 定义:父元素没有设置高度,子元素设置了浮动(float)属性解决办法:清除浮动(仅清除浮动的负面影响,...
    chan_it阅读 2,701评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,079评论 1 45
  • 真正重要的从来不是努力做什么,而是沉下心来,去做好一件事。要知道,一个人一生的时间和精力都非常有限,专注,有时候比...
    感点教育阅读 1,430评论 0 0