Question

css并列布局有哪些方法，尽可能全一点，并说明优劣点。

如题

Answer 1

要想并列有三种写法：

1. 浮动。float:left;要设置父元素高度或者设置overflow:hidden;否则会出现高度塌陷
   

2. 定位。position:absolute;设置父元素position:relative,子元素为absolute，通过top和left调整每个子元素相对于父元素的位置

3. 改变div模块，将并列的div设置为display:inline-block；这样每个元素都一排了

如果并列1和3用的很多，设置简单，效果明显，2这种一般情况是不会用的，设置需要调整每个元素的top和left，麻烦费事。1和3根据不同情况可以自由选择。

Answer 2

CSS布局方法有：浮动布局，定位布局，弹性伸缩布局等