css网格布局

转载 (原文地址) 小Q 随笔 面试 219阅读 2018-09-06 14:21:57 举报
评论 ( 1 )
最新评论
小Q 2018-09-06 15:03:31 1F

浮动
缺点:会脱离文档流
优点:兼容性较好
解决:清除浮动
绝对定位
优点:快捷,配合js使用
缺点:脱离文档流,下面的子元素也得脱离文档流,可使用性差
flex布局解决了上述的一些bug
优点:
缺点:
表格布局
优点:兼容性好
缺点:单元格高度超出的时候,两侧也得调整高度
网格布局
兼容性不太好,但是新技术

语义化掌握到位
section
article
不要通篇div

代码书写规范
页面布局深刻理解
css基础扎实