css grid布局同一行子元素高度总是相同?

新手上路,请多包涵

grid容器里有若干个子元素,每个子元素的高度都不同(且未知),且无法与 1fr 形成整数比例。
在实际应用中,比如同一行存在自身高度100px和300px的两个元素,结果那个100px的元素就被撑高到300px了。
怎么才能让他们各自的高度就是自身内容的高度,而不给撑开呢?

阅读 5.9k
1 个回答

同一行的高度是固定的,所以可以在被撑开的100px的div里面再嵌套一层,高度写死100px

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题