左边div固定宽度,右边div宽度自适应
2016-05-17 23:34
405 查看
http://www.zhihu.com/question/37208845
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <style> body{ padding: 0px; margin: 0px; } .wrap{ width: 100%; height:500px; background:red; } #dv1{ position:absolute; top:0px; left:0px; width: 200px; height: 500px; background:yellow; /*display: inline-block;*/ } #dv2{ /*display: inline-block;*/ /*width: auto;*/ height:500px; background: green; margin-left: 200px; } .wrap2{ width: 100%; height: 500px; } </style> <body> <div class="wrap"> <div id="dv1"></div> <div id="dv2"></div> </div> <div class="wrap2"></div> </body> </html>
相关文章推荐
- 第四百一十天 how can I 坚持
- java 解析excle和生成excle文档
- 【Linux开发】linux设备驱动归纳总结(八):3.设备管理的分层与面向对象思想
- TCP协议的特性
- 【Linux开发】linux设备驱动归纳总结(八):2.总线、设备和驱动的关系
- 启动归档时提示:ORA-00265: instance recovery required, cannot set ARCHIVELOG mode
- 【Linux开发】linux设备驱动归纳总结(八):1.总线、设备和驱动
- MySQL字符集 GBK、GB2312、UTF8区别 解决 MYSQL中文乱码问题
- 进制转换
- Ubuntu 12.04 alternative 版本 pxe 安装配置
- JUnit测试失败的两种原因
- 【Linux开发】linux设备驱动归纳总结(七):2.内核定时器
- spring一步一步学习
- 【Linux开发】linux设备驱动归纳总结(七):1.时间管理与内核延时
- 【Linux开发】linux设备驱动归纳总结(六):3.中断的上半部和下半部——工作队列
- 【Linux开发】linux设备驱动归纳总结(六):3.中断的上半部和下半部——tasklet
- Android EditText 实现特殊格式输入
- iOS开发-KVO的奥秘
- 大公司能给你什么
- 【Linux开发】linux设备驱动归纳总结(六):2.分享中断号