两列或多列等高布局实现
2016-03-30 17:37
423 查看
1、用table布局,这里不多说。。。
2、正负内外边距实现
3、伪类方法实现和Flexbox实现,参考点击打开链接
2、正负内外边距实现
<div class="mian"> <div class="left">左列</div> <div class="middle">中列</div> <div class="right">右列</div> </div> .mian { width: 1360px; overflow: hidden; } .mian .left, .mian .right, .mian .middle { float: left; padding-bottom: 9000px; margin-bottom: -9000px; } .mian .left { width: 180px; height: 280px; background-color: red; } .mian .middle { margin-left: 10px; background-color: blue; } .mian .right { margin-left: 10px; background-color: silver; }
3、伪类方法实现和Flexbox实现,参考点击打开链接
相关文章推荐
- Wpf TextBox 控件如何绑定 Dictionary <int, string>
- 程序员别迷茫,通往成功的路有很多条
- java学习笔记(1)2016-3-30
- AJAX同步设置以及请求代码
- 关于codeblocks在变量long long和__int64上的编译区别
- CentOS默认的文件系统xfs不支持readdir_r API
- 1034. 有理数四则运算
- 1033. 旧键盘打字
- 使用proguard混淆android代码
- Realsense(五)多人脸实时检测及跟踪代码
- lightoj 1145 - Dice (I) 前缀和优化DP
- 数据库索引的实现原理
- 常见的分类算法
- HMM(隐马尔科夫链)介绍
- 1032. 挖掘机技术哪家强
- SensorTag-iOS监测数据本地txt存储方案修改
- 程序员学习编程需要攻克的8个障碍
- 1031. 查验身份证
- $.each()方法详解
- Fortran 自定义类型 KIND