热搜：编程 Python Microsoft 编程语言 C++

如何利用margin如何实现等高布局

发布时间：2023-01-21 06:56:49 来源：网络

.

只有相信自己的目标，努力工作和奋斗的人才能取得最终的成功。但是我一直相信的一件事是，当您触摸自己哭泣时，您就成功了！

复制代码

代码如下:

<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如何实现等高布局就介绍到这了。人生，没有永远的伤痛，再深的痛，在切之时，伤口总会痊愈。人生，没有过不去的坎，你不可以坐在坎边等它消失，你只能想办法穿过它。人生，没有永远的爱情，没有结局的感情，总要结束；不能拥有的人，总会忘记。更多相关如何利用margin如何实现等高布局内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： 等高