7.2 flex布局后子元素失效属性 margin-top会撑开父元素的解决办法

    技术2022-07-14  66

    关于margin-top会撑开父元素的解决办法 解决方法: 1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 2、为父元素添加overflow:hidden;样式即可(完美) 3、为父元素或者子元素声明浮动(float:left;可用) 4、为父元素添加border(border:1px solid transparent可用) 5、为父元素或者子元素声明绝对定位

    flex布局后,display不再,flex的布局会让子容器的float、clear和vertical-align属性将失效

    Processed: 0.023, SQL: 9