幽灵资源网 Design By www.bzswh.com
复制代码代码如下:
<div id="main">
<div id="left">
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
我是左边的内容的啦啦啦啦。。。。
</div>
<div id="right">
左边的内容...哈哈哈哈哈
</div>
</div>
<style>
#main{
overflow:hidden;
width:500px;
margin:0 auto;
}
#left{
float:left;
width:390px;
background:#eee;
}
#right{
float:right;
width:100px;
background:#ccc;
}
#left,#right{
margin-bottom:-1000px;
padding-bottom:1000px;
}
</style>
复制代码代码如下:
overflow:hidden;
margin-bottom:-1000px;
padding-bottom:1000px;
非常巧妙的利用了 margin 做到了等高布局。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分
标签:
margin,等高布局
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...