我如何用CSS垂直“堆叠”这些DIV？[duplicate]

8xiog9wr 于 2022-11-19 发布在其他

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

此问题在此处已有答案：

Percentage Height HTML 5/CSS（7个答案）
17分钟前关门了。
下面是我正在使用的代码：
第一个
......只要段落不 * 太多 *，这种方法就能很好地工作。
但是，如果您将其中一个/两个部分中的段落数加倍，容器div会突然显示滚动条，并且两个窗格的height会变得大于50%（并且它们也都显示滚动条）。
我们的目标是让外部容器 * 从不 * 显示滚动条，而上下窗格保持50%的高度，并在必要时显示滚动条。
我做错了什么？

css

来源：https://stackoverflow.com/questions/74498034/how-can-i-vertically-stack-these-divs-with-css

1条答案

按热度按时间

bfrts1fy1#

在#contains_upper_and_lower_pane中，将高度设置为100vh，因此在任何设备上都将其设置为全屏，这样您的高度：半窗格类中的50%将生效

#contains_upper_and_lower_panes {
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
  background: white;
  margin-top: -113px; 

/* Modify this line below */
  height: 100vh;

  width: 45rem;
}

然后你可以玩半窗格的高度或宽度为更好的结果

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

我来回答

我如何用CSS垂直“堆叠”这些DIV？[duplicate]

1条答案

相关问题

热门标签

最新问答