为什么在我的div上用overflow-x=scroll忽略滚动条？
在使用overflow-x=scroll属性时，如果滚动条被忽略，可能是由于以下原因：
- 内容未超出div的宽度：当div的内容没有超出其宽度时，滚动条是不会显示的。可以通过添加足够的内容或者设置固定宽度来测试是否能够显示滚动条。
- 没有设置div的高度：滚动条只会在div的高度限制内显示。如果没有设置div的高度，滚动条也不会显示。可以通过设置固定高度或者使用百分比来测试是否能够显示滚动条。
- 父元素的样式影响：如果div的父元素设置了overflow:hidden属性，那么滚动条也会被隐藏。可以检查父元素的样式是否有影响。
- 浏览器兼容性问题：某些浏览器可能对overflow属性的解析存在差异，导致滚动条无法显示。可以尝试在不同的浏览器中测试是否能够显示滚动条。
总结起来，要使overflow-x=scroll属性生效并显示滚动条，需要确保div的内容超出其宽度，并且设置了合适的高度，同时没有被父元素的样式影响。如果仍然无法显示滚动条，可能是浏览器兼容性问题。
相关·内容
3回答
SVG填充宽度到子元素
javascript、html、css、svg、resize
我想让我的容器SVG元素缩放，以便适合它的子组元素，或者让它在溢出时显示滚动条。我想知道是否有一个css属性来做到这一点。
例如，如果标记如下所示：
<div class="wrapper" style="width:500px; overflow-x:scroll;">
<svg class="main">
<g width="1000"></g>
</svg>
</div>
我如何让svg的宽度填充到'1000‘，或者如果子
浏览 0提问于2014-05-04得票数 4
3回答
可变高度的div可以使用` `overflow: scroll`吗？
javascript、css
是否可以在高度设置为auto的div上使用overflow: scroll？
我有一个包含无序列表的div。列表中项目的数量是可变的，所以我不可能使用固定的高度。包含无序列表的div是滚动条需要的位置，下面是我的代码：
#page {
height: auto; /* default */
overflow-y: scroll;
overflow-x: hidden;
}
如上所述，无序列表包含在#page div中。页面的高度由无序列表的值指定。有没有办法让overflow: scroll在像这样高度可变的div上工作，或者我必须使用JavaScript来做这件事？
浏览 0提问于2013-06-29得票数 2
回答已采纳
2回答
水平滚动条不显示
jquery、html、user-interface
更新:我使用的是overflow-x (只是我的问题错了)
在这种情况下，水平滚动条应该显示，但不显示
<div style="overflow-x:scroll; width:400px">
<div style="float:left; width:300px">abc </div>
<div style="float:left; width:300px">abc </div>
<div style="clear:both"></div&
浏览 1提问于2011-02-24得票数 0
回答已采纳
4回答
无需滚动条即可水平滚动
html、css
我试图在overflow-x中模仿overflow-y:hidden的行为，但它的行为方式并不相同。overflow-x:hidden不允许滚动(通过拖动鼠标)。
请参阅：
#container {
width: 300px
}
#modules {
height: 50px;
padding: 5px;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.module {
displa
浏览 2提问于2014-08-01得票数 12
1回答
如果不需要，在pre中隐藏滚动条
html、css
表示，如果设置了overflow-x: scroll，则会始终显示水平滚动条。
在我的网站上，我经常在<pre>-Block中发布代码。因为这没有预定义的宽度，但周围的div确实有一个最大值(定义为百分比)，所以我似乎不知道如何实现以下目标:如果代码块不太宽，请隐藏水平滚动条。如果超出宽度，则显示滚动条。有什么提示吗？我想我已经尝试了overflow-x和-y的大多数组合，但似乎都不能满足我的要求。
浏览 0提问于2009-11-05得票数 33
回答已采纳
1回答
<table>的奇怪行为？
html、css、html-table
我有这个：
<div style="position:absolute;top:275px;right:0px;left:0px;bottom:84px;padding:10px;">
<table border="1" style="width:100%;height:100%;">
<tr>
<th style="height:16px;width:50%;">Version notes</th>
浏览 0提问于2012-07-13得票数 1
2回答
在IE中单击滚动区域时，滚动条不工作
c#、asp.net、html、grid、scrollbar
我正在创建一个滚动条来水平移动网格。当我使用firefox作为默认浏览器时，它工作得很好。如果我使用Internet Explorer，滚动区域不工作/禁用。我需要显示一个滚动条来向左或向右移动我的网格，但当我单击窗格时，它不会移动。下面是我的代码片段：
Horizantal滚动条：
<table>
<tr>
<td colspan="2">
<div style="height: 17px; width: 100%; overflow-x: scroll; overflow-y: hidden;&#
浏览 1提问于2011-12-26得票数 0
2回答
如何使用Javascript / Jquery检测底部视口滚动条的水平滚动
javascript、jquery、scroll、overflow
我使用下面的代码和一个JS .scroll来检测底部视口滚动条何时被横向滚动(然后根据该事件执行一些操作)。当我瞄准HTML标签时，它不会触发，但是如果我用.scroll瞄准BODY标签，它就会触发。
我看到的主体标签滚动条的问题是，只有当你一直滚动到5000px的底部时，它才会显示出来，我将内部div设置为5000px。对于我认为是自然的，HTML-底部-视窗-滚动条，它总是坐在浏览器窗口的底部，如果有滚动到的东西，但我不知道如何检测它的移动。
.scroll有没有一种方法可以检测到它正在滚动，或者有没有其他方法可以检测视口是否正在横向滚动？
<html>
<head>
浏览 32提问于2018-08-15得票数 1
1回答
HTML下拉框添加水平滚动条
html、drop-down-menu
Hi in HTML有没有一种方法可以将水平滚动条添加到下拉框中？在firefox中，框可以动态扩展，但IE不能，Iv尝试了google，但没有成功！谢谢。
<div class="filterform-row">
<t:label for="networkGroup" />
<t:select t:id="networkGroup" encoder="networkGroupEncoder" model="networkGroupsModel" blankOption=&
浏览 0提问于2011-07-04得票数 0
2回答
位置-绝对元素未显示
html、css
我希望在父元素下面显示子元素，就像在堆栈溢出上输入标记时一样，您可以看到输入栏下面列出的标记建议列表。但是，“建议”框元素没有出现，而我可以看到，在检查页面时，元素位于预期的位置。我想知道如何解决这个问题。
html
<div className="tags-input-bar">
......
{this.state.suggestedTags.length !== 0 ?
<div className="suggestion
浏览 2提问于2020-08-15得票数 0
回答已采纳
4回答
溢出:自动不显示水平滚动条
asp.net、html、css
我有一个有大约20列和1000行的网格视图。网格被放置在<div>标签下。由于如此大的图形，div显示垂直滚动条，这很好，但它不显示水平滚动条。
为div编写的css是as；
.divCSS{
display:block;
position:relative;
width: auto;
height: 5em;
margin:0;
padding:5px;
background:inherit;
color:inherit;
overflow:auto;
}
完整的<div>代码如下；
<div id="divGrid" align="le
浏览 4提问于2011-09-08得票数 1
回答已采纳
2回答
如何在手机浏览器中始终显示垂直滚动条
javascript、jquery、html、css
我想永远在移动浏览器上显示垂直滚动条，不仅如果页面高度增加了，我已经尝试了这个html {overflow-y: scroll;}它在桌面上工作得很好，但在移动设备上不行，任何建议...！
浏览 1提问于2014-01-15得票数 1
2回答
不想要的滚动条右边距
html、css、grid、scrollbar、css-grid
在我的远程服务器和本地主机上，附在带有overflow-scroll的容器上的滚动条似乎在右边有一个边距，导致背景色显示出来。
这里-关于代码片段-代码是相同的，但没有这样的空白。
编辑：在上扩展行为
当浏览器调整大小时，当元素调整大小时，背景色会在滚动条的右侧闪烁。
此外，当鼠标在窗口宽度释放时，背景为而不是，显示在元素的右侧，则在下一次调整大小时，该行为仍然存在。但是，当鼠标在窗口宽度(背景显示在元素右侧的)释放时，滚动条跳到右侧以覆盖背景，并在其所属的右侧对其进行调整，然后，在浏览器刷新之前，所有未来的调整似乎都会对此行为进行修正。
此外，这种行为并不是在每次刷新时都出现的。它似乎是随机
浏览 1提问于2019-08-05得票数 3
4回答
HTML、overflow:滚动和浮动
html、css、overflow、html-lists、css-float
我有一个封装了许多无序列表(ul)的div。我将每个ul设置为"float:left“。我还将包含它们的父div设置为"overflow-x:scroll“。发生的情况是，当ul到达页面的边缘时，它们是包裹的，而不是并排在一起，以利用父div的滚动属性(滚动条在那里)。为什么？我该如何解决这个问题呢？
谢谢你的帮助。
浏览 2提问于2011-05-08得票数 10
回答已采纳
1回答
只滚动子元素
jquery、html、css
我只想在儿童部设置滚动。我用overflow-y: hidden;固定了父div的高度，但是使用overflow-y: scroll;滚动更高的子div。
但是，这显示了通过子div的Y轴禁用的滚动条.我怎样才能使它只使用CSS？如果没有，有什么jQuery方式吗？
下面是我目前正在使用的代码：
<div class="parent">
<div class="child">
<!-- Content -->
</div>
</div>
此外，CSS：
.parent {
浏览 4提问于2014-05-28得票数 1
回答已采纳
2回答
如何实现z-索引和溢出
html、css、durandal
我正在尝试显示当用户将光标悬停在div上时出现的“弹出”窗口。除了我在我的div中添加了一个滚动条之外，一切都很正常。显示滚动条的CSS代码如下所示：
.scroll-menu {
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
下面是包含.scroll-menu类之前的图像，
下面是包含CSS类之后的图像。
我发现这篇文章的作者描述了为什么z-索引在我的场景：。
现在，我的问题是:我如何解决这个问题？有什么办法让z索引和溢出生效吗？
浏览 5提问于2013-12-09得票数 2
回答已采纳
3回答
如何启用CSS滚动X和Y
html、css
我搜索了几个小时，但没有得到答案，所以我需要一些帮助
有一个div元素，提供滚动-x。
<div id='parent'>
<div id='el1'></div>
<div id='el2'></div>
<div id='el3'></div>
</div>
当鼠标光标位于div区域时，滚动y不起作用。
曾尝试过=>
#id overflow: auto
#id overflow-x: auto, overf
浏览 2提问于2021-08-09得票数 2
回答已采纳
4回答
使div保持在页面底部，但保持在流中。
html、css、gwt
好的，我先从图像和代码开始，这样我就可以更好地解释我的问题了。
<div class="overall">
<div class="areas">
<div class="area">
Area 1
</div>
<div class="area">
Area 2
</div>
<div class="
浏览 4提问于2015-05-26得票数 0
3回答
我有下面的css作为我的列表。我可以看到水平滚动条，但它被禁用了。如何启用？
.li {
position: absolute;
z-index: 10;
list-style: none;
margin: 0;
padding: 2px;
max-height: 20em;
overflow-y: scroll;
overflow-x: scroll;
}
.ul {
margin: 0;
padding: 0 4px;
border-radius: 2px;
max-width: 10em;
white-s
浏览 7提问于2013-04-24得票数 1
6回答
<div>溢出:在调整大小之前，自动不显示滚动条
html、internet-explorer-7、overflow
我的表单上有一个元素，看起来像这样：
<div style="overflow-y:auto;overflow-x:hidden;height:100%;width:100%">
在IE7中，当页面第一次呈现时，没有滚动条。但是，如果我调整页面大小(即使只有1个像素)，滚动条也会正确显示。
有什么我可以做的，使滚动条在页面第一次显示时正确显示？
浏览 6提问于2009-08-13得票数 13
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
