Overflow-y with flex-end -为什么没有滚动条？
Overflow-y是CSS属性，用于指定在内容溢出容器时如何处理垂直方向的溢出内容。而"flex-end"是flex布局的一个属性，用于将flex子项在容器的垂直方向上向末尾对齐。
当设置"overflow-y: auto"时，如果容器的内容超出容器高度，浏览器会自动显示垂直滚动条，以便用户查看溢出内容。然而，如果使用了"flex-end"属性将内容对齐到容器的末尾，并且容器的高度足够容纳全部内容，那么就不会出现垂直滚动条。
因此，当使用"overflow-y: auto"配合"flex-end"时，只有当容器的高度不足以容纳全部内容时，才会显示垂直滚动条。
推荐的腾讯云产品：云主机（https://cloud.tencent.com/product/cvm）和云存储（https://cloud.tencent.com/product/cos），分别提供灵活的服务器和可靠的存储解决方案，适用于各种云计算场景。
相关·内容
有人能为我解释一下为什么".child“元素超出了它们的父元素，而没有出现overflow-y滚动条吗？看看这支钢笔。左边的容器显示了具有3个子项的父项。目标是将所有的".child“项推到它们的".parent”容器的底部，如果我添加更多，它将从下到上扩展，直到它达到父项的限制，这时滚动条就会出现。Codepen .outside { width: 200px; ov
浏览 35提问于2019-02-22得票数 2
回答已采纳
当消息超过日志高度时，将出现滚动条。默认情况下仍会显示新消息，即滚动条应锚定在底部，除非另有移动。.chatlog { flex-direction: column; overflow-y: auto;但是显然flex-end和overflow: auto是不兼容的。: auto;.chatlog:first-child {
marg
浏览 3提问于2021-07-29得票数 0
4回答
height: 600px; display: flex; justify-content: flex-end; }</style> 感谢您的帮助:)
浏览 97提问于2021-08-18得票数 0
3回答
tbody></div>
#CamListDiv { float: left; overflow-y: hidden;我的问题是，当需要垂直滚动条时，它占用的空间会导致水平滚动条出现。我不需要水平滚动条，我尝试使用overflow-y: hidden; css属性来隐藏它，但这会导致两个滚动条都被隐藏。有<em
浏览 0提问于2012-03-30得票数 11
回答已采纳
3回答
我正在创建一个div，如下所示：<html> <table> <td> <label><input type="checkbox"/>Hello! Hello!</label><br/
浏览 4提问于2011-07-01得票数 2
回答已采纳
2回答
在这三个较小的尺寸上，一切都很好，即滚动条只有在需要时才会出现在右边。大尺寸在不需要时有不必要的滚动条：
margin: 0 18px;/* bootstrap override */
background-color: #fff; top: 0; le
浏览 3提问于2016-05-11得票数 1
回答已采纳
2回答
当添加滚动条时，身体向左跳x像素
、、、、
当其中一个页面有一个滚动条，而第二个页面没有滚动条时，您会注意到身体从右向左移动，反之亦然。是否有更好、也许更优雅或更简单的方法来实现这一点？
浏览 0提问于2015-11-30得票数 0
回答已采纳
1回答
我有一个网站：和我有一个问题，显示垂直滚动条。父div的样式为overflow: hidden;。我在子overflow-y: scroll;上设置了一个div，这样它就可以滚动，但是它没有显示滚动条。有人知道它为什么不显示吗？下面是.scroll类的代码： height: 90vh; overflow-y: scroll; -webkit-overflow-scrolling
浏览 7提问于2016-06-08得票数 1
回答已采纳
然后启用了bash语法，并且没有向我的页面添加更多以下代码Linux laptop 2.6.32-41-generic #89-Ubuntu SMP Fri Apr 27 22:22:09 UTC 2012 i686 GNU/Linux我得到了这个结果这是好的，但我不知道为什么突出显示垂直滚动条出现table,.sy
浏览 0提问于2012-08-25得票数 13
我在我们的站点上使用了一个jQuery自动完成，它工作得很好，只是偶尔会看到从自动完成返回的一些行，它们几乎隐藏在包含在其中的div中。我的CSS background-color: #79BE28; box-shadow: 0 4px 4px #CCCCCC; width: 520px !important;.autoco
浏览 2提问于2014-06-02得票数 1
回答已采纳
请参阅html { overflow-y: hidden;body { overflow-y: auto;
}滚动条位于body元素上，而不是html或window元素上。那么为什么document.body.scrollTop或$('body').scrollTop()返回0呢？有没有什么方法可以检测滚动条的位置，或者如果我想在html元素上使用height: 100%；ove
浏览 1提问于2015-09-07得票数 5
button">Search</a> </nav>
但是我在导航栏中得到了一个垂直滚动条
浏览 1提问于2019-06-26得票数 1
回答已采纳
2回答
我使用overflow-y: scroll来完成可滚动内容的多个部分。但是，包含三个滚动条看起来很笨拙，所以我尝试去掉它们，。其他问题已经回答说，我需要将我的内容包装在一个有overflow: hidden的div中，但如果没有这些完全失败的转换，我就无法完全做到这一点。
这是我所说的。提前感谢！
浏览 1提问于2014-01-30得票数 0
回答已采纳
2回答
我想将类important放在页面的右上角，并使用垂直滚动条来控制溢出。更改important的宽度不起任何作用，因此滚动条目前正在显示，但由于没有溢出，所以什么也不做。为什么会发生这种情况？</p>position: absolute;right: 0;width: 50 px;
浏览 1提问于2017-08-29得票数 0
回答已采纳
function () { $("#gallery").css("overflow-y", "scroll");问题是，在放入新内容后，如果我不具体说明溢出-y，它就没有滚动条，内容只是保持其高度。因此，问题是，如何在更新可滚动div中的内容之后更新滚动条？
因为我想使用自定义
浏览 2提问于2015-10-24得票数 0
回答已采纳
1回答
当滚动条出现时，如何禁用响应性？
、、、、
我正在寻找一种方法，以防止你的整个身体布局调整大小时，滚动条出现在右边。当您从一个html文件切换到另一个html文件时，我希望我的身体保持在完全相同的位置，但是第二个文件包含的内容比另一个文件多，所以它在浏览器右侧创建了一个滚动条。滚动条使我的身体向左移动一点，因为它是居中的。如何仅使用html和css来防止这种情况？(没有剧本)
浏览 0提问于2014-05-12得票数 0
回答已采纳
3回答
我有一个我无法解决的问题。我希望容器只在y上滚动，溢出应该在x上可见，以显示下拉菜单。谢谢。这是一个代表我的问题的JSFiddle。您需要记住，下拉菜单不必移动，只需出现在.item容器的上方即可。希望你能理解。
浏览 0提问于2015-11-17得票数 0
问题是，当网站以Chrome打开时，滚动条总是出现在主页上，如下所示：这在Firefox、Edge和IE中没有发生。是指向模板演示的链接，是对CSS的操纵。当使用Chrome时，两者都会显示不必要的滚动条。我尝试在html文件中添加以下行，但没有帮助：overflow: hidden;我希望有人能在这里帮我。谢谢!
浏览 4提问于2017-02-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
