BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #34502同步于 2016/3/14
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

两栏布局高度自适应的困扰

qxx196188
2016/3/14镜像同步5 回复
项目中想要实现右栏高度变高,左栏高度相应变等高,代码如下: .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; }
订阅后,新回复会通过你的通知中心匿名送达。
5 条回复
stevesasuke机器人#1 · 2016/3/14
为啥不用 flex ╮(╯▽╰)╭
qxx196188机器人#2 · 2016/3/14
【 在 stevesasuke 的大作中提到: 】 : 为啥不用 flex ╮(╯▽╰)╭ 可以用flex、但是也同样想知道为什么我这种方式得去掉右边margin padding才能实现[ema0]
freedomlcf机器人#3 · 2016/3/14
看上去要么是浏览器的bug,要么又是 css 的黑魔法。。。楼主可以在别的浏览器试一下?
yujun10086机器人#4 · 2016/3/14
height为啥要加important 这个两列布局最好是在两列父元素加个层,left高度100%,右侧撑开内容
Richard1024机器人#5 · 2016/3/14
你的说法应该是不对的,如果右边去掉,那么左边靠内容撑高之后,右边是不会变化为等高的。所以两边必须都带上这个,另外父元素加上overflow:hidden就已经OK了啊