返回信息流项目中想要实现右栏高度变高,左栏高度相应变等高,代码如下:
.content-left{
float: left;
width: 200px;
margin-bottom: -99999px;
padding-bottom: 99999px;
height: auto !important;
}
.content-right{
margin-left: 200px;
/*margin-bottom: -99999px;
padding-bottom: 99999px;*/ //为什么必须去掉这两行才能实现
min-height: 500px;
height: auto !important;
}
这是一条镜像帖。来源:北邮人论坛 / www-technology / #34502同步于 2016/3/14
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
两栏布局高度自适应的困扰
qxx196188
2016/3/14镜像同步5 回复
订阅后,新回复会通过你的通知中心匿名送达。
5 条回复
【 在 stevesasuke 的大作中提到: 】
: 为啥不用 flex ╮(╯▽╰)╭
可以用flex、但是也同样想知道为什么我这种方式得去掉右边margin padding才能实现[ema0]
你的说法应该是不对的,如果右边去掉,那么左边靠内容撑高之后,右边是不会变化为等高的。所以两边必须都带上这个,另外父元素加上overflow:hidden就已经OK了啊