两列自适应布局最佳方法
2016-01-06 14:25
246 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .clearfix:after { content: ''; display: table; clear: both; } .clearfix { *zoom: 1; } .cr { background-color: red; } .cg { background-color: green; } .float-left { float: left; margin-right: 10px; width: 100px; height: 300px; } .auto-right { display: table-cell; width: 10000px; height: 200px; } </style> </head> <body> <div class="clearfix"> <div class="float-left cr"></div> <div class="auto-right cg"></div> </div> </body> </html>
相关文章推荐
- JS代码大全(都是网上看到自己整理的)
- 【Java EE 学习 83 下】【SpringMVC】【使用注解替代已过时的API】【SpringMVC、Hibernate整合】
- openstack镜像制作
- 第二章 基本概念
- 十大好用的Linux实用工具推荐
- 8张图理解Java
- 导入安全证书到jdk步骤详细说明
- 网络流-最大流 EdmondKarp算法 详细讲解 以及java实现源代码
- Native VLAN
- 求幂算法
- 【原创】pads2007 Layout 电气连接性检查过孔显示错误
- iOS 蓝牙开发之传输图片
- 一步一步教你如何在linux下配置apache+tomcat(转)
- iOS 文件下载
- video格式2016-1-6
- html之插入外部资源
- mysql数据库优化小结
- App TransportSecurity has blocked a cleartext HTTP (http://)
- SSM框架——使用MyBatis Generator自动创建代码
- Excel 自动根据Sheet名生成目录