css布局

在进行网页开发时布局非常重要，那么为什么要进行布局设计呢？

很明显是为了提高用户的体验。

随着移动互联网的兴起，手机端的用户数量是不容小觑的，但是从前在电脑端显示的网页大部分对手机用户并不友好；

屏幕大小决定了我们的网页布局效果，这也是为什么响应式开发如此受欢迎的原因。

css布局主要有以下几种：

利用position布局

利用float布局

利用百分比宽度布局

利用inline-block布局

利用flexbox布局

利用position布局

利用相对定位、绝对定位、固定定位进行布局；

但是固定定位对移动浏览器的支持很差，需要进行处理；

利用float布局

浮动布局很常见，但是要注意清除浮动；

清除浮动的方法有哪些？哪种方法最适合？

利用百分比宽度进行布局

这种布局方式可以结合媒体查询实现响应式布局；

利用inline-block布局

轻松创建网格布局，但是要注意兼容的问题；

利用flexbox布局

这是个比较新的元素，很多浏览器不支持，但是可以轻松事项垂直居中布局。

详细的关于css布局的问题可以浏览网页css布局学习