Newyorkcity
V2EX  ›  问与答

前端 display:flex 的 div 内的两个 div,第一个 div 的高度因内容不确定而不确定,但要求第二个 div 一定与它等高,该如何做?

  •  
  •   Newyorkcity · Mar 15, 2021 · 1504 views
    This topic created in 2065 days ago, the information mentioned may be changed or developed.
    前提是不引入 less 之类的超 css 的内容

    放一个 codepen 的具体 demo

    https://codepen.io/AdmaEmail/pen/LYbarwY

    bomething 那个块我希望它总是和 aomething 那个块等高。这里是个 demo 所以 300px 定死,但我的场景里这东西的高度没法确定,所以我希望 height:100% 能有用,然而并没有。。除此之外我一时想不出好的办法,所以来请教。谢谢。
    6 replies  •  2021-03-15 15:56:54 +08:00
    kingwl
    kingwl
    Mar 15, 2021
    1
    table
    doco
    doco
    Mar 15, 2021
    2
    align-self: stretch;
    doco
    doco
    Mar 15, 2021❤️1
    3
    @doco #2 只要去掉 height 就好了 也不用 align-self
    erlking
    erlking
    Mar 15, 2021❤️1
    4
    height:100%去了不就好了
    madpecker009
    madpecker009
    Mar 15, 2021❤️1
    5
    cssTheGreatest
    cssTheGreatest
    Mar 15, 2021❤️1
    6
    height:100% 在这里没有参照值所以不生效,也不需要它
    flex 容器的子元素默认会撑满容器副轴方向的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1026 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 22:46 · PVG 06:46 · LAX 14:46 · JFK 17:46
    ♥ Do have faith in what you're doing.