CSS 布局

109 阅读1分钟

什么是布局?

把页面分成一块一块,按左中右,上中下等样式布局

布局分类:

固定宽度布局,一般为960/1000/1024px(能被8整除)
不固定宽度布局,主要靠文档流原理来布局
响应式布局,pc上固定布局,手机上不固定布局,混合布局

CSS布局思路:

需要兼容IE9,使用float布局,左浮2个,固定宽度,不要响应式,给父元素加clearfix,必要时
采用负margin

不需要兼容IE9,只兼容最新的浏览器,用grid布局

不需要兼容IE9,不止兼容最新的浏览器,用flex布局,必要时采用负margin

详细资料点击:CSS层叠样式表