开发者社区 问答 正文

如何完成自适应三栏等高

我希望有这种效果:
screenshot
第一区固定宽度300px
第二区固定宽度50px
第三区填满浏览器剩余宽度
3个的高度已最高的区为准,如图所示第三区最高所以第二区和第一区 都拉长到与第三区相同的高度。

展开
收起
a123456678 2016-03-25 15:54:52 1799 分享 版权
1 条回答
写回答
取消 提交回答
  • 先给第三个子元素添加上 BFC 使其可以自适应宽度.
    再使用 padding 把高度扩展到足够高, 然后用 margin 负值把它给拉回来,
    最后在父元素添加 overflow:hidden 隐藏溢出.

    2019-07-17 19:14:34
    赞同 展开评论
问答地址: