Newyorkcity
V2EX  ›  问与答

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

  •  
  •   Newyorkcity · Mar 15, 2021 · 1168 views
    This topic created in 1904 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
        1
    kingwl  
       Mar 15, 2021
    table
    doco
        2
    doco  
       Mar 15, 2021
    align-self: stretch;
    doco
        3
    doco  
       Mar 15, 2021   ❤️ 1
    @doco #2 只要去掉 height 就好了 也不用 align-self
    erlking
        4
    erlking  
       Mar 15, 2021   ❤️ 1
    height:100%去了不就好了
    madpecker009
        5
    madpecker009  
       Mar 15, 2021   ❤️ 1
    cssTheGreatest
        6
    cssTheGreatest  
       Mar 15, 2021   ❤️ 1
    height:100% 在这里没有参照值所以不生效,也不需要它
    flex 容器的子元素默认会撑满容器副轴方向的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5619 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 01:29 · PVG 09:29 · LAX 18:29 · JFK 21:29
    ♥ Do have faith in what you're doing.