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

2021-03-15 15:36:56 +08:00
 Newyorkcity
前提是不引入 less 之类的超 css 的内容

放一个 codepen 的具体 demo

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

bomething 那个块我希望它总是和 aomething 那个块等高。这里是个 demo 所以 300px 定死,但我的场景里这东西的高度没法确定,所以我希望 height:100% 能有用,然而并没有。。除此之外我一时想不出好的办法,所以来请教。谢谢。
698 次点击
所在节点    问与答
6 条回复
kingwl
2021-03-15 15:37:55 +08:00
table
doco
2021-03-15 15:39:42 +08:00
align-self: stretch;
doco
2021-03-15 15:41:24 +08:00
@doco #2 只要去掉 height 就好了 也不用 align-self
erlking
2021-03-15 15:41:58 +08:00
height:100%去了不就好了
madpecker009
2021-03-15 15:47:37 +08:00
cssTheGreatest
2021-03-15 15:56:54 +08:00
height:100% 在这里没有参照值所以不生效,也不需要它
flex 容器的子元素默认会撑满容器副轴方向的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/761800

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX