半吊子qop先生

摘要： 1.标签结尾添加空div标签（clear:both） <style> div { border: 1px solid #ccc; } div span { float: left; width: 100px; height: 100px; background: red; } .clearfix { 阅读全文

摘要： 概念 BFC是Web页面CSS视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。 注：一个BFC的范围指该盒子创建上下文内的所有子元素，但不包含子元素创建的BFC内部元素(一个元素中不能同时存在两个BFC, 否则违反了BFC隔离效果)。 BFC触发方式 1.根元素（html） 2. 阅读全文

摘要： 概念 外边距塌陷也称外边距合并，在文档流中相邻（兄弟或父子关系）的块级元素的外边距组合在一起变成单个外边距，只有在上下外边距才会出现塌陷，左右不会出现。 解析：1.两个嵌套块级元素，父元素如果没有上补白和上边框，那么它的上边距会和它的文档流中的的第一个子元素的上边距重叠，取两者较大的值，父元素上的外 阅读全文