2018年11月19日

摘要: 前一篇布局总结里,提过用flex布局实现圣杯布局。下面说下这两种布局区别。 圣杯布局和双飞翼布局解决的问题差不多,都是左右两栏固定,中间自适应的三栏布局。中间一栏要放在前面,优先渲染。 不同在于解决”中间栏div内容不被遮挡“问题的思路不一样: 1、圣杯布局 给中间 div 设置了 padding- 阅读全文
posted @ 2018-11-19 17:36 cv_ling123456 阅读(140) 评论(0) 推荐(0) 编辑
 
摘要: <style>.child{width:800px;height:300px; margin: 0 auto; background-color: red} </style><div class="child">222</div> 浮动布局: dom文档 1: 固定布局: 实现如图 样式: 关键点: 阅读全文
posted @ 2018-11-19 16:42 cv_ling123456 阅读(352) 评论(0) 推荐(0) 编辑