摘要：块级元素 会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。 可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 可以设置margin和padding属性。 text align无效 内联元素 width，height无效 阅读全文

摘要：heigh:100%失效 解决方案： 第一种 html, body { height: 100%; } 第二种 div { height: 100%; position: absolute; } 非定位元素的宽高百分比计算不会将 padding 计算在内，而定位元素会计算在内。 利用这个特性可以实现 阅读全文

摘要：定义 在规范文档中，2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下： a、全部都为正值，取最大者； b、不全是正值，则都取绝对值，然后用正值减去最大值； c、没有正值，则都取绝对值，然后用0减去最大值。 解决方案 相邻块级元素的top、bottom合并： 1. 阅读全文