【css】css中的几种布局方式

默认按钮文档流的书写顺序，从上到下、从左到右渲染

通过以下几种方式，可以改变默认顺序

position 定位布局

• position值为relative时，不脱离文档流
  相对于元素本身的位置
  移动后，原位置保留
• position值为absolute时，脱离文档流，块级化
  相对于祖先级有定位属性的元素定位
  如父元素无定位属性，相对于body定位
• position值为fixed时，脱离文档流
  相对于浏览器窗口

float 浮动布局

影响：破坏性 包裹性 清空格

• 浮动元素默认块级化
• 脱离文档流
• 需要清除浮动，若不清浮动，父元素没有其他内容，高度会出现为0的状况

清除浮动方式

1. 父元素的伪元素， clear：both;