css 如何使一个元素的溢出将另一个元素向下推

blmhpbnm 于 2023-11-19 发布在其他

关注(0)|答案(1)|浏览(135)

所以我有这个内容，但我希望页脚被推下，而不是它溢出，但我不希望它隐藏，所以溢出隐藏是不是一个选项，并在页脚后面去。任何人都可以帮助，如果你有任何有用的意见，以改变我的代码，使其更容易扩展，它也将深深appreaciated。
文本本身没有任何CSS，我需要在文本上放一些东西吗？
所以孩子是：

<child container>
<img>
<text>
<child container>

parent: 
    display: flex;
    flex-direction: column;
    min-height: 90vh;
    margin-top: 5rem;

child
.mini-product-card {
    display: flex;
    flex-wrap: nowrap;
    margin: 0.5rem;
    height: 35vh;
    width: 35vh;
    font-size: 3vw;
    position: relative;
}

.mini-product-card-img{
    height: 100%;
    width: 100%;
}

字符串

的数据

css

来源：https://stackoverflow.com/questions/60069585/how-do-i-make-the-overflow-of-an-element-push-the-other-element-down

1条答案

按热度按时间

cidc1ykv1#

给容器一个高度值，而不对容器的内部内容强制该高度，可能会导致溢出。
范例：

body {
  display: flex;
}

.container1,
.container2 {
  width: 45%;
  margin: 5px;
  padding: 5px;
  border: solid 1px;
}

.container1 {
height: 230px;
}

.container2 img {
height: 160px;
}

.container2 p {
height: 30px;
overflow-y: scroll;
}

个字符

赞(0）回复(0）举报 2023-11-19

我来回答

css 如何使一个元素的溢出将另一个元素向下推

1条答案

相关问题

热门标签

最新问答