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

新手上路,请多包涵

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

阅读 5.9k
1 个回答

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

推荐问题