css布局几个问题

首先就是块级元素的行为

块级元素将横跨所有可用的水平空间，并在垂直方向上拓展，以容纳元素内部的所有内容，包括文本、图像和其他盒子

块级元素有<div><p><h1>~<h6><form><ul>元素等

百分比度量

依据是应用百分比度量的元素的父元素大小

关于float  

当一个元素应用了float，该元素就会发生浮动，浮动的元素表现的像一个块级元素，但有一个区别，就是除非指定了宽度和高度，不然浮动元素的宽度和高度都收缩自适应，还有一个重要的细节，就是只有浮动元素后面的元素内容会被浮动元素影响，也就是说，浮动元素后面元素的背景、外边距、边框、内边距和宽度都不受影响

外边距折叠：

当一个元素的上或下边距正好与另外一个元素的上或下边距接触时，就会产生外边距折叠，只有垂直的外边距会折叠，水平外边距不会。