css 布局简述

149 阅读1分钟

css 布局简述

布局分类

布局一般分为三种:

  1. 固定宽度布局
  2. 不固定宽度布局
  3. 响应式布局 固定宽度布局,一般宽度为960px/1000px/1024px

不固定宽度布局,主要靠文档流的原理来布局

响应式布局,pc固定,移动端不固定

用什么css布局

float布局

该布局特点,需要低版本IE兼容项目时使用,代码过多,特殊布局不容易实现。

flex布局

该布局特点,弹性布局,灵活性强,特殊布局比较容易实现。

grid布局

该布局特点,特殊布局容易实现,功能强大,但是普及使用不广泛。