gpt4 book ai didi

html - 将背景应用于 flex 子项无法正常工作

转载 作者:行者123 更新时间:2023-11-28 14:53:27 25 4
gpt4 key购买 nike

<分区>

我有以下代码

.parent {
display: flex;
width: 100%;
flex-direction: column;
overflow-x: auto;
}
.child {
display: flex;
flex-flow: row nowrap;
background: red;
}
.grand-child {
flex-shrink: 0;
display: block;
align-items: center;
padding: .54rem 1.05rem;
width: 300px;
height: 100px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<div class="parent">
<div class="child">
<div class="grand-child">a</div>
<div class="grand-child">b</div>
<div class="grand-child">c</div>
<div class="grand-child">d</div>
</div>
</div>

DEMO

问题:当背景应用于类 .children 时,背景不会溢出内容(当滚动 x 轴时)。我想在仅将背景应用于 .children 类时保持可滚动性。如果那不可能,原因是什么?

我在回答 This 时遇到了这个问题.尽管我设法解决了这个问题,但这个特定问题仍然存在

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com