首页 > 代码库 > 左两行右一行的布局（仅限三个div）
左两行右一行的布局（仅限三个div）
用三个div做一个类似下图的布局：
<!DOCTYPE html ><html> <head> <meta charset="utf-8" /> <title>get objects by class</title> <style type="text/css"> div{ background:#ccc} .no1{margin-bottom: 10px;} .no1,.no2{ width:100px; height:100px; float:left } .no2{ clear:both;} .no3{ margin-left:110px; *margin-left:107px; width:200px; height:210px } </style> </head> <body > <div class="no1">111</div> <div class="no2">222</div> <div class="no3">333</div> </body></html>
做这个布局有两个要点：
1。第二个div要清除浮动
2.考虑到IE6经常出现的三像素文本慢移，所以用IE6可识别的*做hack.
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。