如何创建一个允许垂直滚动而不指定其高度的弹性容器？

在下面的代码片段中，我期望第一个和第二个容器分别占据窗口高度的50%，并且我希望第一个容器主体具有垂直溢出.不幸的是，当我将巨大的块放入第一个容器中时-它变得大于页面的50%，并且自动溢出不起作用。有什么方法可以不指定高度吗？*{margin:0;box-sizing:border-box;}.root{height:100vh;display:flex;flex-direction:column

P粉286046715 2023-09-11 13:07:33 0  1  531

如何在网格中使用列来水平包裹 flex？

https://codepen.io/itaied246/pen/eYbOWjm我成功地创建了一个具有垂直滚动的弹性框，它横向填充空间并向下滚动。我想要水平地做同样的事情，即垂直填充空间并向右滚动。我的flexdiv位于一个相应的grid中，其max-content。我漏掉了什么？

P粉481035232 2023-08-16 21:11:09 0  1  548

如何仅在水平滚动条上应用CSS

我是一名新实习生，他们给了一个简单的任务：个性化水平滚动条我有这段代码，但垂直滚动条消失了...我需要它在垂直方向上默认...只有水平滚动条必须个性化。::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizontal{border-radius:8px;background-color:rgba(92,92,92,0.5);}如

P粉276876663 2024-04-01 16:25:15 0  2  400

重新的标题：垂直产品展示

在我的网页上，目前，项目产品是逐行垂直列出的。我想用可滚动的方式垂直显示它们。如何将其更改为水平？divclass="row"><divclass="col-12"><divclass="tab-contenttab-animate-zoom"><!--StartSingleTabItem-->&

P粉926174288 2024-04-05 09:17:50 0  1  3648

高度 100vh 给出垂直滚动条

我面临高度100vh的问题，它给出了垂直滚动条。我将外部内容嵌入高度为100vh的widger-holderdiv中。但是widget-holder中的内容超出了父div并给出了垂直滚动条。如果我删除固定标题，我就看不到垂直滚动条。但我无法删除这个。如果我减小widget-holderdiv的高度，某些内容将不可见。所以我无法降低高度。我需要一个解决方案来使小部件支架内容与父高度完全匹配。html

P粉378264633 2024-03-27 23:06:05 0  1  522

input 和 select 在同一行中具有不同的垂直位置

我使用此网站的浮动标签。我稍微修改了代码，将输入和选择放在一行中。在Edge版本114.0.1823.67和Chrome版本114.0.5735.199中，基线具有不同的垂直位置。在Firefox版本115.0中，基线具有相同的垂直位置。代码：@importurl('https://fonts.google.com/specimen/Lato?selection.family=Lato');:ro

P粉237125700 2023-09-09 15:45:02 0  1  471

javascript - overflow scroll 初始位置怎么设置？

使用top: 50%; transform: translateY(-50%)垂直居中div当div的height大于父容器时，滚动的初始位置不是该div的最顶端类似这样，请大神指教。。

phpcn_u1582 2017-05-19 10:16:30 0  2  798

css 在屏幕上居中弹出窗口，适用于计算机和平板电脑，但不适用于手机

尝试使用CSS在屏幕中央显示帮助弹出窗口。在我的电脑和ipad上，它工作正常，但在iPhone上，弹出窗口在整个可滚动垂直空间内垂直居中，这意味着我有时必须向上或向下滚动才能看到它。我希望它在调用时位于当前可见屏幕的中心。（请注意，页面高度不是静态的，即根据用户活动而增大和缩小）。这是相关的CSS：.helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  394

html5 - 上下居中对齐实际上无法实现吧？

vertical-align中有top,middle,baseline,bottom。请看下面的line-height模型中的四条线。 从几何上看，这个line-height模型的几何中线在 middle line 和base line中间，middle line 偏上；base line 偏下。vertic...

迷茫 2017-06-20 10:06:16 0  1  936

javascript - div轮播问题

三个按钮，对应三个垂直的div顺序排列，点击第二个div的按钮，第二个div滑动到第一个div的位置，第三个div滑动到第二个div的位置。第一个div滑动到最下面。三个div都是同时显示。个人觉得这个是轮播的问题，但是...

黄舟 2017-05-19 10:28:51 0  2  602

无法滚动到溢出容器的flex项目的顶部的标题重写为：无法将溢出容器中的flex项目滚动至顶部

在尝试使用flexbox创建一个有用的模态框时，我发现了一个似乎是浏览器问题的情况，并想知道是否有已知的修复方法或解决方法-或者对如何解决它有什么想法。我试图解决的问题有两个方面。首先，垂直居中模态窗口，这个功能按预期工作。第二个是让模态窗口滚动-外部滚动，所以整个模态窗口滚动，而不是其中的内容（这样你可以有下拉菜单和其他可以超出模态框范围的UI元素-如自定义日期选择器等）。然而，当将垂直居中与滚

P粉854119263 2023-08-22 14:58:06 0  2  509

实现针对特定部分的页面内垂直滚动而不移动整个页面

我已经在一些页面上看到过这个效果：你向下滚动，但页面本身似乎一动不动。因此，一些元素会淡入或淡出，出现或消失。我有一个包含5个卡片的部分。现在我想要创建相同的效果。当我向下滚动到该部分时，我希望通过上下滚动来导航该部分。根据我目前所在的位置，我希望显示或隐藏一张卡片。我开始给该部分添加了overflow:scroll，但之后我就没有更多的想法来创建这个效果了。

P粉946437474 2023-08-15 19:29:46 0  1  433

Vuejs/Nuxtjs：如何在不使用 v-for 的情况下创建动态 V 模型名称？

我在Vuejs/Nuxtjs应用程序中遇到了一个棘手的问题。在应用程序中，我动态创建多个Nodes。这些Nodes有Radio按钮我已为其分配了v-model。但是，当我更改一个Vuejsv-model的值时，会影响所有其他Node值。我知道发生此问题是因为所有Nodes使用相同的V-model。我想为我的Radio按钮分配不同的V-model但我想在不使用v-for的情况下执行此操作。我已经在C

P粉920199761 2023-12-30 22:52:51 0  1  549

禁用外部div滚动，当内部div达到底部后再重新启用

我正在制作一个包含多个垂直放置的div的网页，这是我的概念：当滚动条到达第一个div底部时，外部滚动条将被禁用并启用第二个滚动条用户必须到达内部滚动条底部才能启用外部滚动条我试图从互联网上找到该名称以及示例，但我无法真正找到我想要的。所以我想请求任何志愿者帮助我了解我的想法。

P粉211273535 2024-03-30 12:33:42 0  1  523

如果垂直高度增加，如何使 div 向上而不是向下扩展？

我有一个带有标题和一些内容的页面。标头是一个动态值，根据内容可以有很多不同的内容。当标题较长并且需要两行或更多行时，就会出现此问题。由于我希望内容保持在相同的垂直和水平位置，因此如果标题较短，我希望较长标题的最后一行与第一行处于相同的垂直位置。我希望我能让别人理解我自己。请尝试通过添加第二个单词来编辑标题，您就会明白我的意思。我认为这个问题可以用flex-box来解决，但我不知道如何解决，我已经用

P粉530519234 2024-03-22 10:39:08 0  1  351

如何在 CSS 中使浮动元素垂直堆叠而不是水平堆叠？

我正在尝试制作一个包含两列的网页，一侧具有主要内容，另一侧具有额外的内容。但是因为我使用浮动属性将额外的列向左对齐，所以它水平堆叠，但我希望它垂直堆叠。我当前的代码：.topicheader{padding:2%2%;float:leftdisplay:block;background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26 0  2  806

CSS 折叠边距：它们的目的是什么？

CSS2盒子模型告诉我们相邻的垂直边距会折叠。我觉得这很烦人，因为它是许多设计错误的根源。我希望通过了解折叠边距的目的，我将了解何时使用它们以及如何在不需要时避免它们。此功能的目的是什么？

P粉318928159 2023-10-25 19:38:51 0  1  709