CSS中越界问题经典解决方案

(1)如何解决父元素的第一个子元素的margin-top越界问题

1)为父元素加border-top: 1px;——有副作用

2)为父元素指定padding-top: 1px;——有副作用

3)为父元素指定overflow:hidden;——有副作用

4)为父元素添加前置内容生成——推荐使用

.parent:before {

content: ;

display: table;

}

(2)如何解决所有的子元素浮动后父元素高度变为0，且影响后续元素

1)为父元素指定overflow:hidden;——有副作用

2)为父元素指定高度：height: xxx;——有局限性

3)为父元素添加后置内容生成——推荐使用

.parent:after {

content: ;

display: table;

clear: both;

}

Vue 路由跳转的时候遇到一些图片CSS不加载 解决方案 通常在我们写js 的代码的时候都会加入 window.onload() 再onload 函数中写代码，这样做的意义就是能够在文档加载完成之后才执行js 代码。
水灵儿 www.zyl.me 爱折腾，喜欢造，花起钱来毫不心疼，事后沉默一周... 极简主义者，主从事Web开发兼前端爱好者。 全栈开发尝试者、自媒体、极简主义者、爱心极客