随笔分类 -  前端页面布局

常见移动端的上下高度固定，中间自适应的三栏式布局
摘要：常见pc端的三栏等高布局，两边宽度固定，中间自适应。有多种写法，各有优缺点，开发时可根据实际情况进行选择；五种方法实现代码见：http://www.cnblogs.com/leiting/p/8195966.html 在移动端常见的三栏式布局一般是上下高度固定，中间自适应，写法也不止一种 1. 绝对 阅读全文
posted @ 2018-01-05 16:40 c-137Summer 阅读(827) 评论(0) 推荐(0) 编辑
圣杯布局和双飞翼布局
摘要：圣杯布局和双飞翼布局是传统三栏式布局的延伸 双飞翼布局和圣杯布局的区别在于中间部分的内容外面包了一层div,相同点在中间部分主体的结构的最前面，优先渲染主体部分内容 1.圣杯布局 2. 双飞翼布局 阅读全文
posted @ 2018-01-04 21:53 c-137Summer 阅读(213) 评论(0) 推荐(0) 编辑
左右固定，中间自适应的三栏式布局五种写法
摘要：三栏式布局是工作中常用的布局方式，三栏式布局有多种写法，作为前端开发，对布局的了解也是一项基本功， 下面是整理的五种三栏式布局的基本写法 公共样式 1. 浮动布局（浮动会是文档脱离文档流，需要清浮动） 2. 绝对定位布局（绝对定位也会脱离文档流） 3. flex布局（css3的新语法，pc兼容性问题 阅读全文
posted @ 2018-01-04 21:04 c-137Summer 阅读(1002) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示