两列布局
2016-01-26 21:31
309 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #main {min-width:60px;min-height:600px; background:#FEFF0A;padding-left:300px;} #main-left {margin-left:-300px;width:300px;min-height:400px;background:#98FF1A;} #main-right {min-height:400px;background:#7CC0FF;} .float {float:left;} .clear{clear:both: height : 0; line-height:0; font-size:0;} </style> </head> <body> <div id="main"> <div id="main-left" class="float"> 这个是左边部分,宽度确定 </div> <div id="main-right"> 这个是右边部分,宽度自动扩展 </div> <div class="clear"></div> </div> </body> </html>
相关文章推荐
- 关于android中手势操作相关类GestureDetector类的分析
- 《深入理解计算机系统》Tiny Web服务器实验
- Android 动态改变Layout的大小
- 安卓问题
- UVa 10024 - Curling up the cube
- 做一个简易猫砂盆
- sqlserver2008链接服务器的使用和oracle11g客户端修改字符集
- Corosync+Pacemaker+DRBD+NFS高可用实例配置
- 前端知识体系及修炼攻略
- 堆排序算法的改进
- HDU——2094产生冠军
- stm32学习之环境搭建
- Java&Xml教程(九)Java中通过XSD校验XML合法性
- Java&Xml教程(九)Java中通过XSD校验XML合法性
- VS内存断点
- Java&Xml教程(九)Java中通过XSD校验XML合法性
- 软件测试读书笔记
- 逆波兰表达式
- AsyncTask的简单用法和实例
- win8.1安装vs2015专业版 KB2919335