两列布局的几种方式
2015-10-14 16:00
543 查看
一、绝对定位法
二、浮动法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin:0; padding:0; } .left{ width:200px; height:300px; background: red; position:absolute; } .right{ height:300px; background: yellow; margin-left:210px; } </style> </head> <body> <div class="left">左边</div> <div class="right">右边</div> </body> <script language="javascript"> </script> </html>
二、浮动法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin:0; padding:0; } .left{ width:200px; height:300px; background: red; float:left; } .right{ height:300px; background: yellow; margin-left:210px; } </style> </head> <body> <div class="left">左边</div> <div class="right">右边</div> </body> <script language="javascript"> </script> </html>
相关文章推荐
- C#面试基础问题0
- 【面向代码】学习 Deep Learning Convolution Neural Network(CNN)
- swift学习- 协议(二十二)
- c++智能指针
- Oracle 截取、查找字符函数(持续更新)
- 用户/组管理(1)——Linux管理用户/组相关的文件详解
- Hive创建二级分区表
- 如何将APP部署在阿里云服务器
- 使用sql语句创建表、修改表、添加列等
- 免费获得 NTFS for Mac 12. Special Edition 激活码活动
- 保留内存(PMEM/ION)申请
- Android Dialog 禁止back键
- loadrunner 11.0录制脚本时,事件为空,录制脚本速度慢等问题小结
- Codeforces581F
- 关于linux指令lsusb
- 几个常见思维误区
- SparkSQL07_ThriftServer_01_SparkThriftServer环境搭建
- TCP/IP、Http、Socket的区别
- 把人员信息写到C盘下的txt中(2015年10月14日)
- 【PC网站前端架构探讨系列】结合公司网站首页,谈前端模块化开发与网站性能优化实践