神一样的布局——等高布局

最新推荐文章于 2022-08-02 20:53:36 发布

dianyan5615

最新推荐文章于 2022-08-02 20:53:36 发布

阅读量95

点赞数

原文链接：http://www.cnblogs.com/diligenceday/p/3745122.html

版权

copyFrom====〉
http://www.cnblogs.com/2050/archive/2012/07/31/2616460.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>高度自适应布局</title>
<style>
body{ padding:0; margin:0; color:#f00;}
.container{ margin:0 auto; width:600px; border:3px solid #00C;
    overflow:hidden; /*这个超出隐藏的声明在IE6里不写也是可以的*/
}
.left{ float:left; width:150px; background:#B0B0B0;
    padding-bottom:2000px;
    margin-bottom:-2000px;
}
.right{ float:left; width:450px; background:#6CC;
   padding-bottom:2000px;
   margin-bottom:-2000px;
}
</style>
</head>
<body>
<div class="container">
	<div class="left">我是left</div>
    <div class="right">我是right<br><br><br>现在我的高度比left高，但left用它的padding-bottom补偿了这部分高度</div>
    <div style="clear:both"></div>
</div>
</body>
</html>
//PS因为我们padding不可能使用负的，所以padding-bottom:为正，margin-bottom为负的

转载于:https://www.cnblogs.com/diligenceday/p/3745122.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dianyan5615

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
神一样的布局——等高布局

copyFrom====〉http://www.cnblogs.com/2050/archive/2012/07/31/2616460.html<!DOCTYPE html><html><head><meta charset="utf-8" /><title>高度自适应布局</title>&l...
复制链接

扫一扫