高度塌陷

2018-10-27  本文已影响0人  药是

浮动或定位时导致的父元素高度消失问题都可通过给父元素添加高度来解决【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;【最好不要】

上一篇下一篇

猜你喜欢

热点阅读