- <!DOCTYPE html>
- <HTML>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <style type="text/CSS">
- *{margin:0;padding:0;} .wrap { width:1000px height:500px;margin:100px
- auto;border:1px solid;} .left {float:left;width:200px;background-color:#ff0;height:500px;}
- .right {background-color:#f00;height:500px;margin-left:200px;}
- </style>
- <title>
- My First Blog
- </title>
- </head>
- <body>
- <div class="wrap">
- <div class="left">
- left
- </div>
- <div class="right">
- right
- </div>
- </div>
- </body>
- </HTML>
<!-- 如果没有 wrap 包围的话, 是可用的, 但是加上 wrap 之后, 右边就被挤下去 20 像素, 刚才研究了一下也没研究出来, 有时间在好好研究研究是哪里挤下去的 -->
来源: http://www.bubuko.com/infodetail-3164339.html