纯css实现两列等高

最新推荐文章于 2023-10-30 17:44:08 发布

weixin_30349597

最新推荐文章于 2023-10-30 17:44:08 发布

阅读量113

点赞数

原文链接：http://www.cnblogs.com/darkterror/p/5212613.html

版权

<!doctype html>
<html>
<head>
<meta />
<title>Title</title>
<style type="text/css">  
*{ margin:0; padding:0;}
.wrap { margin: 0 auto; width: 600px; clear: both; overflow: hidden; } 
.left {margin-bottom: -8000px; padding-bottom: 8000px; width: 300px; float: left; background: #f00; }
.right {margin-bottom: -8000px; padding-bottom: 8000px; width: 200px; float: right; background: #0f0; }
</style>
  
</head>

<body>
<div class="wrap">
    <div class="left">
        <p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> 
    </div>
    <div class="right">
        <p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>
    </div>
</div>
</body>
</html>