利用margin实现等高布局

ttx9n · 发表于 2014-6-26 09:53:30

这篇文章主要介绍了利用margin实现等高布局，实际上高度不相等的。只是隐藏了超出的部分，需要的朋友可以参考下
复制代码代码如下:
<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 做到了等高布局。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分

0y3yp · 发表于 2022-9-2 08:54:16

这个源码不错啊

lsc54 · 发表于 2022-11-18 02:58:30

hi哦回复iOS就看见

fwn2rd · 发表于 2023-3-4 19:54:13

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

shijie798 · 发表于 2023-4-20 04:00:50

儿飞飞微风DVD谁vdsvd

z80vh · 发表于 2023-9-3 11:34:13

来看看怎么样

shw5ovr · 发表于 2023-10-24 21:47:41

我找了挺久终于找到了

3pjdk29w · 发表于 2024-4-20 16:42:57

iiguuubhuiuihu

9jduu05 · 发表于 2024-6-14 03:46:47

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

q215357618 · 发表于 2024-8-3 22:01:02

hi哦回复iOS就看见

账号		自动登录	找回密码
密码			立即注册

[CSS] 利用margin实现等高布局

相关帖子