CSS:无法在水平滚动DIV上显示滚动条
CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用于描述网页文档外观样式的语言。它可以与HTML结合使用，通过样式规则来定义元素的显示效果。
对于无法在水平滚动DIV上显示滚动条的问题，可以通过以下方式解决：
- 设置overflow属性：将包含内容的DIV元素的overflow属性设置为auto或scroll，可以强制显示滚动条。例如：
div {
overflow-x: scroll; /* 水平滚动条 */
}- 限制宽度：如果DIV元素的宽度过大，超出了其父容器的宽度，那么水平滚动条就不会显示。可以通过限制宽度来确保内容在可见区域内显示，并触发滚动条的出现。
- 添加内部内容：如果DIV元素没有足够的内容，滚动条就不会显示出来。可以在DIV内添加足够的内容，或者设置固定的高度来触发滚动条的出现。
以上是解决无法在水平滚动DIV上显示滚动条的一些常见方法。具体的解决方案需要根据具体情况进行调整。腾讯云并没有特定与此问题相关的产品或者服务。
相关·内容
4回答
我在一个角6项目中使用simplebar库()，当我在html标记中添加简单条时，它显示了一个水平滚动条和一个垂直滚动条，所以我只想显示垂直滚动条。
我尝试用这个CSS属性隐藏水平滚动条：
overflow-x: hidden
也有了这些属性：
width:100%" and "position:abolute" or "position:relative"
<div data-simplebar style="overflow-x: hidden">
<div *ngFor="let example
浏览 1提问于2019-06-19得票数 5
回答已采纳
5回答
垂直滚动条通向水平滚动条
、、、
我的CSS看起来像这样：
div.SOMECLASS {
position: absolute;
max-height: 300px
height: auto;
width: auto;
overflow: auto;
...
}
div的高度和宽度会自动缩放。不过，高度已经固定了一个最大值:一旦达到这个值，垂直滚动条就会出现。这一切都很好用。
现在的问题是：
如果出现垂直滚动条，它们将占用大约10px的水平空间，因为滚动条将放置在div内部。
但是，宽度不会自动缩放，以允许垂直滚动条使用这些额外的10个左右的像素。由于添加垂直滚动条之前的水平宽度正好适合内容(正如wi
浏览 110提问于2012-11-27得票数 43
回答已采纳
我有两个嵌套的DIVs，内部的DIVs具有固定高度(但任意宽度)的图像，它们彼此水平对齐。
我想使用jScrollpane，这样就有了水平滚动条，可以在div的视区之外显示图像。图像列表事先不知道，它将动态来自CMS，所以我不能在CSS中硬编码内部DIV的宽度。
当我对内部div的宽度进行harcode时，水平滚动条工作得很好。然而，当我移除它的时候，水平滚动条就消失了，即使DIV有display:inline-block，而且我通过Chrome的元素检查器检查它的宽度实际上是在扩大。
我还注意到，当我将autoReinitialise: true属性传递给jscrollpane窗格时，几秒钟
浏览 21提问于2013-07-14得票数 0
回答已采纳
我有以下网页：
<div id = "wrapper">
<div id="leftmenu>
...
</div>
<div id="search">
...
</div>
<div class="Container">
<div id="content">
<iframe id="iF" name=
浏览 1提问于2012-02-03得票数 2
回答已采纳
3回答
我有一个div，它的CSS样式属性设置为overflow:scroll。当内容很大时，这确实会显示垂直和水平滚动条。现在，当我单击滚动条时，它实际上并不是在滚动div内容。有什么不对劲的地方，请指教。
浏览 1提问于2010-08-29得票数 0
1回答
我试图创建一个只使用HTML5 5/CSS3 3的容器div元素，它根据以下规则调整其大小以适应其内容：
如果内容的宽度>最大宽度，将显示水平滚动条。
如果内容的高度>容器的最大高度，将显示垂直滚动条。
如果内容符合水平或垂直方向，则不会显示滚动条。
到目前为止，我有这个，但不能摆脱铬水平滚动条(在IE水平滚动条没有显示，如预期)。
HTML：
<div class="container">
<div class="content" />
</div>
CSS：
.container {
浏览 3提问于2014-12-15得票数 0
回答已采纳
1回答
如何防止水平div中溢出的内容显示？
我有这个css：
#fixed_menu_div {
width:200px;
height:80%;
float:left;
left:0;
overflow-x:none;
overflow-y:scroll;
position:fixed;
}
div显示在页面的左侧。
它的目的是隐藏水平滚动条：
overflow-x:none;
但它仍在显示。我想要保留
overflow-y:scroll;
并隐藏水平滚动条。
浏览 1提问于2013-10-25得票数 2
我试图达到这样的效果，我在外部div周围有一个垂直滚动条，而水平内容从其中溢出。
为此，我在style.css中将overflow-y设置为auto：
.outerdiv {
background-color:brown;
width: 100px;
height: 100px;
overflow-y: auto;
}
和HTML：
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
浏览 2提问于2017-03-16得票数 0
2回答
在CSS2.1中是否有可能只实现水平溢出？
overflow: auto;
将使块元素同时具有水平和垂直滚动条。我想要一个块元素(比方说<div>)，它只显示水平滚动条。我该怎么做？
浏览 0提问于2009-08-26得票数 31
回答已采纳
这种情况是div内的jqGrid，其中网格的大小在垂直和水平上都大于div。其目标是使列标题与水平滚动一起左右滚动，并且在垂直滚动时始终保持它们可见。
通过为包含jqGrid的div设置overflow: auto，并为ui-jqgrid设置溢出-y为auto，可以很容易地添加CSS以同时拥有两个滚动条。
这种技术的问题是，只有当网格水平向右滚动以显示网格的右侧时，垂直滚动条才是可见的。使滚动并使用DOM操作来设置包含元素的大小会导致两个滚动条都是可见的，但是主体内容滚动而不滚动列标题。
有一个类似的堆栈溢出问题，但答案并不解决这个问题。
考虑到网格的DOM结构，似乎没有一个纯CSS解决方案。
浏览 2提问于2014-07-29得票数 0
我有一个包在桌子上的<div>，就像这样：
<div class="container">
<table>
rows...
</table>
</div>
<div class="buttons">
Here I have two buttons
</div>
桌子下面有两个按钮。我希望在添加新行时，表要展开，按钮要移动。这个很管用。
我想要的是，一旦按钮到达窗口的末尾，滚动条就会出现在表上，这样无论窗口有多小，按钮都是可见的。
这必须是在没有
浏览 1提问于2017-08-01得票数 2
回答已采纳
2回答
经过近一个小时的搜索和另一个小时的实验，我似乎无法找到如何在CSS/HTML中完成这项工作。
给定以下图像，其中蓝色框是在固定像素宽度下保存页面主要内容的div，则红色框是在固定像素宽度处保持装饰的div，并且黑线显示浏览器大小：
A- Would 不功能是水平滚动条，因为什么都不隐藏.一切都以中心为中心。
如果不是功能的水平滚动条，因为只有侧div是隐藏的。主分区是居中的。
C-将支持一个水平滚动条，因为现在主div无法在页面上显示。主div是中心，不应该能够滚动看到侧div。
我想在页面上添加额外的装饰，而不对屏幕分辨率较小的用户或仅在调整窗口大小的用户造成损
浏览 15提问于2012-10-12得票数 0
div包含带有某些数据的table。
divIf，，，table，table总是必须是容器的table，table不能适应div的宽度，允许超过的宽度(用水平滚动条)
。
div.container {
overflow: auto;
}
table.data {
min-width: 100%;
}
但是，如果table比div高，但符合宽度，则水平滚动条仍然是可见的，可滚动的水平长度等于垂直滚动条的宽度。
当不需要水平滚动条时，如何摆脱它？当然，如果table实际上比div宽(减去垂直滚动条的宽度)，我仍然想显示水平滚动条。
浏览 2提问于2022-09-25得票数 0
2回答
使用CSS，如何才能允许垂直和水平滚动(在overflow上)，而只显示水平滚动条(在Firefox中)？
根据以下内容：
可以简单地使用：
scrollbar-width: none
隐藏滚动条(在Firefox中)，但这似乎隐藏了垂直和水平滚动条。
阅读Mozilla的开发者规范：
不会提供有关如何完成此操作的更多详细信息。
难道使用CSS只隐藏垂直滚动条，同时仍然显示水平滚动条是不可能的吗？
浏览 6提问于2021-04-21得票数 0
2回答
始终显示div的水平滚动。
、、、、
下面是我现在为我的代码(ReactJS)提供的基本模板，简化为我的问题所需的模板。这是一个。
<div style={{maxHeight: "500px", overflowY: "auto"}}>
<pre>
<code>
//bunch of code to display on UI
</code>
</pre>
</div>
在底部的其他位置，水平滚动条不存在：
当我向下滚动到div的底部时，水平滚动条才显示：
如何使工作成功的
浏览 6提问于2022-05-17得票数 0
回答已采纳
1回答
我有一个具有以下HTML结构的页面...
<html>
...
<body>
<div class="wrapper">
...
</div>
</body>
</html>
在min-width: 1100px上设置.wrapper的原因我不会多说。因此，当浏览器的大小调整到小于1100px时，我希望出现一个水平滚动条。
我的CSS如下：
html {
overflow-x: scroll;
height: 100%;
浏览 0提问于2014-08-08得票数 12
回答已采纳
3回答
在Chrome上，页面上有一个水平滚动条，方向为rtl，与margin-right: auto和overflow: auto相结合，即使没有边距和内容。
有关示例，请参见。我希望看到没有绿色背景颜色和水平滚动条，因为内部和外部应该有相同的宽度。
滚动条只在Chrome上，而在Firefox或IE上没有。那为什么滚动条在那里？这是浏览器的错误吗？
HTML：
<div class="outer">
<div class="inner"></div>
</div>
CSS：
body {
directi
浏览 1提问于2015-10-08得票数 3
回答已采纳
1回答
我有一个Razor页面，它以垂直堆栈的形式显示缩略图的集合：
@foreach (var photo in Model)
{
<div>@photo.PhotoId</div>
<div>@photo.Title</div>
<div>
<img src="@photo.LargeSquareThumbnailUrl" alt="Many cups!" />
</div>
}
但是，我一直在尝试将图像水平堆叠在一行上。如果它溢出(它
浏览 15提问于2018-02-07得票数 0
回答已采纳
我有一个带有图像的Div，可以在单击事件时更改其大小。div应该做出反应，在必要时显示滚动条。 <div id="DisplayGraph" runat="server">
<asp:image runat="server" id="Graph" CssClass="Graph"/>
</div> CSS #DisplayGraph {
height: 100%;
width: 100%;
transform-origin: left top;
positio
浏览 11提问于2019-03-25得票数 0
回答已采纳
3回答
仅水平滚动！
、、、、
我有一个包含水平菜单的。菜单由一个无序列表组成。当菜单超过<div>的宽度时，我希望div得到一个水平滚动条。我尝试在我的<div>中使用这些CSS定义。
position: absolute;
width: 380px;
overflow: auto;
overflow-y: hidden;
height: 30px;
但是他们意识到，由于菜单是LIST，当不同的列表项达到<div>的宽度并移动到下一行时，它们就会中断行，因此浏览器不需要水平滚动条(由于overflow-y: hidden;行，它不会显示垂直滚动条)
有什么想法，我可以创建一个1行水
浏览 0提问于2010-04-04得票数 4
回答已采纳
我需要创建一个水平滚动条来控制水平DIV中的滚动。
我不能使用常规溢出:自动CSS，因为滚动条在视觉上与div是分开的。在滚动卷和DIV之间有一些(静态)项。
我想使用位置:修复这些项目，并将其保存在滚动DIV中。但看起来固定位置只是相对于窗口，而不是当前容器。
我知道我可能可以编写一些jQuery脚本来处理滚动事件并移动DIV中的内容。可以用CSS或现有的jQuery插件来实现这一点吗？
浏览 6提问于2009-12-29得票数 0
回答已采纳
1回答
我遇到在Internet Explorer中显示滚动条的问题。
我有一个div，它的内容可以比div本身更宽，所以会出现一个水平的scollbar。水平滚动条很好，但如果显示水平滚动条，Internet Explorer也会显示垂直滚动条。我想这是因为IE，让水平滚动条重叠一些内容，所以显示垂直滚动条。
现在我的问题是，是否有一些技巧可以防止水平滚动条与内容重叠，从而出现在内容下面，这样垂直滚动条就不会出现？甚至当我在底部添加一些填充时，滚动条似乎一直与div的内容重叠……
浏览 1提问于2011-01-17得票数 2
回答已采纳
我正在使用blueprint-css，我想在span-24中有一个水平滚动条，允许下面的3个span-12 div显示在同一行上。这看起来应该是一件简单的事情，但我不能让它工作。overflow-x:scroll给了我一个滚动条，但是最后的span-12显示在一个新的行上。
HTML：
<div class="span-24 table-container">
<div class="span-12">
Some Content
</div>
<div class="span-12"&
浏览 0提问于2012-04-24得票数 0
回答已采纳
4回答
我有一个有大约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
回答已采纳
在我看来，这似乎是圆周的正交，但我还是尝试在这里问这个问题。
我需要以下几点：
标头- 100%宽，固定在顶部
主要内容.固定宽度，垂直滚动内容
. fixed =‘fixed 1’>与内容相同的宽度，固定在底部
滚动条-同时水平滚动内容和页脚
也就是说，底部应该只有一个水平滚动条，它同时滚动内容和页脚，而在内容和页脚之间没有滚动条。垂直滚动条只应影响内容。
(当然，水平滚动条应该是自动的，即只有当内容/页脚宽度大于当前视图端口宽度时才会出现)
我得出的最接近的是以下HTML/CSS：
<!doctype html>
<html>
<head>
&
浏览 1提问于2015-05-04得票数 2
我有一个HTML页面(使用Bootstrap 3)，其中包含一个包含以下HTML的div：
style="overflow-y:scroll; height:500px;"
这导致DIV有一个滚动条(因为它有很多内容)。
我的页面有12栏。当我没有这个带有overflow-y滚动的div时，整个网页(而不是div)都有一个滚动的水平滚动条。我认为额外的水平宽度实际上等于div中滚动条所需的额外空间量(也许bootstrap在计算页面宽度时没有考虑div中滚动条的宽度？)。不管我如何缩小和放大我的网页(在一个巨大的显示器上)，仍然有水平滚动条。任何人有什么建议，我可以做什么，以摆
浏览 1提问于2013-11-11得票数 0
我有一个带有水平滚动条和垂直滚动条的固定页眉滚动表，目前我可以对每个列进行排序，但是在加载页面时无法正确地保留表的水平位置。
使用下面的内联css，我从一个隐藏的输入中获取scrollAmount，该输入的值来自jquery代码，并将其输入到内联css中。
style="transform:translateX(<negative offset value of scrollAmount>)"
我的问题是如何正确地维护使用CSS和jQuery的水平滚动条溢出的表的滚动位置，而无需等待页面完全加载/完成呈现？
内联风格
transform:translateX(-&l
浏览 1提问于2016-06-17得票数 0
回答已采纳
3回答
当div获得水平滚动条(缩放或长文本时的滚动条)时，我试图限制<div> max-width (没有width) (max-width超出屏幕长度)。
这是不可能的，但，确切地说，对我来说，是浏览器处理div溢出，因为它是在屏幕内，但“只是添加一个水平滚动条”，然后我可以使用‘最大宽度’(没有width) (某处的外部屏幕长度)。
我认为只使用max-width (没有width)，因为很多时候，div中的文本数量很少，那么使用width会使其视图和额外的空白变得非常糟糕，并且总是一个滚动条。而max-width (没有width)(在屏幕外的某个地方)在屏幕内部给出了断行，这样就
浏览 4提问于2015-08-07得票数 1
2回答
我已经写了下面的css，它在我的笔记本电脑上可以正常工作。但当使用更大的显示器时，我会看到表格末尾的空格。
.wrapper{
width:auto;
height: 500px;
overflow-x: scroll;
overflow-y: scroll;
}
当我使用overflow :auto;时，垂直滚动条被完全移除，而要查看水平滚动条，我必须一直向下滚动
html如下：
<div class="wrapper">
<table id="myTable" datatable="
浏览 2提问于2020-04-14得票数 0
1回答
我正在尝试在JScrollPane上设置滚动条。默认情况下，垂直滚动条显示在右侧，水平滚动条出现在内容窗格的底部。我需要改变方向，即左边的垂直滚动条，顶部的水平滚动条。我用了这个方法
scrollPane.setComponentOrientation(ComponentOrientation.RIGHT_TO_LEFT);
这将更改左侧的垂直滚动条，但无法将水平滚动条更改为顶部。有人能在这方面提供帮助吗？
浏览 2提问于2012-03-30得票数 0
1回答
我有300‘t大小的网格，如果记录超过10，那么垂直滚动条显示，它很好，但同时水平滚动条也显示，这是我不想显示的。我的css类用于垂直
.vstyle {
overflow-y:auto
}
如果我做了
.hstyle{
overflow-x:none
}
然后水平滚动条不显示，但如果最小化浏览器那么水平滚动没有显示，因为css，但我需要显示水平滚动条，如果浏览器是最小化的任何建议，这将有帮助。
浏览 1提问于2017-02-20得票数 1
回答已采纳
1回答
我正在搜索jQuery/CSS解决方案，以便在与滚动条相关的页面上定位div。
当用户从左向右滚动(水平)时，div首先必须在(fixed) left: 30%上启动，当用户滚动到末尾(右)时，div必须从右位于(fixed) 30% 。
当滚动div时，必须从左到右逐步显示动画。
浏览 0提问于2012-09-15得票数 1
1回答
我有以下超文本标记语言和CSS ()。
<div class="div_top_view">
<div class="div_top_left">
<div class="div_left_menu">
<p>Left Menu</p>
<p>Left Menu</p>
<p>Left Menu</p>
<p>Left
浏览 40提问于2018-09-12得票数 1
回答已采纳
我有以下标记和css：
关键部分是：
.grid {
border: 1px solid #bdbdbd;
display: flex;
flex: 1;
flex-direction: column;
overflow-x: auto;
height: 200px;
}
.grid .grid-body {
display: flex;
flex: 1;
flex-direction: column;
overflow-x: visible;
overflow-y: auto;
}
我希望我的代码在外部div上产生一个水平滚动条，在内部div上
浏览 3提问于2016-10-20得票数 2
我需要将iframe中的一些元素对齐到右边，并让它在iframe上被压缩时激活水平滚动条。
下面的代码(在iframe中)与左定位完美地工作：
<html>
<body>
<div>
<table>
<tr>
<td>lorem ipsum here</td>
<td>lorem ipsum here</td>
浏览 1提问于2011-10-20得票数 0
回答已采纳
我正在尝试对齐两个div，一个可以水平滚动，另一个不能： ? 在桌面浏览器中，我可以通过从第二个div的高度减去14px (我为滚动条设置的高度)来对齐它们。 但在移动设备中，这会导致div不对齐，因为滚动条不在那里，也不再需要考虑。 ? 如果我们可以在没有滚动条的情况下在iOS中对齐div，那将是很理想的，但在移动设备中简单地显示滚动条也是可以接受的。 这是css .calendar-columns {
/*div 1*/
height: 100%;
display: flex;
margin: 20px 0%;
overflow-x
浏览 24提问于2021-01-16得票数 1
回答已采纳
1回答
我正在浏览我的HTML文档中的一段代码，并遇到了以下代码，其中插入了代码示例。这是我所指的代码。
<div class="api-content-item" data-ng-show="verb.code != undefined">
<h5>Code Samples:</h5>
<ul class="example-lang">
<li data-ng-repeat="ex in verb.code">
<a data
浏览 1提问于2014-06-28得票数 1
这是我的母版页代码...........
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Home.master.cs" Inherits="AP5.MasterPage.Home" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
<meta charset="utf-8">
浏览 2提问于2015-03-12得票数 1
1回答
在div中隐藏滚动条
、、、、
你好，萌芽的网络爱好者。恐怕我处境艰难，需要帮手。在目前的一个网络项目中，我遇到了一个棘手的问题。这是密码。吃一杯吧。从代码上看，它完全符合我的要求。，但这是的问题。在div上有滚动条。我不想让任何滚动条在我的div上。我尝试了溢出-y:滚动；并摆脱了水平滚动条，但垂直滚动条仍然存在。我试了很多次，但没有结果。怎样才能去掉我的div中的垂直和水平滚动条，它仍然可以滚动.
编辑:我也需要它是跨浏览器功能。不仅仅是铬。
HTML
<div id="content">
<div id="left">
<di
浏览 3提问于2015-01-18得票数 1
2回答
我正在尝试制作一个带有顶部边框的网站，但是当浏览器窗口被压缩，并且出现水平滚动条时，只有当滚动条位于其原始位置时，顶部的边框才可见。如果向右滚动，边框将停止。
HTML代码：
<div id='container'>
<div id='content'>
As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space.
&l
浏览 2提问于2013-04-28得票数 2
3回答
我有一张在div中的表。表的长度可以变化，我使用div来强制设置高度。
<div id='CamListDiv'>
<table>
<thead>
<th><input type='checkbox' id='selectAll'/></th>
<th>Local Camera List</th>
</thead>
<tbody>
<tr><
浏览 0提问于2012-03-30得票数 11
回答已采纳
Hi，我正在编写CSS代码，然后我遇到了问题。
我了解到，如果我在下面编写CSS代码，滚动条将不会显示在网页上。
*webkit-滚动条{ display: none；}
，但我想显示水平滚动条并隐藏垂直滚动条.
如何隐藏垂直滚动条，我不知道::webkit-y-scrollbar代码是否有类似于的东西
浏览 7提问于2022-09-10得票数 1
回答已采纳
1回答
我不知道我在这里找的是什么代码--我想可能是javascript，不过我不知道是否可以用CSS实现它。
的情况：i有一个div (具有固定的宽度和高度)-这个div的内容超过了它的父元素的宽度和高度，因此在垂直和水平上有一个滚动条。
的行为效果：当我按住鼠标在垂直滚动条，并拉上或向下，内容滚动垂直。当我在水平滚动上按住鼠标并向左或向右移动时，内容将水平滚动。这是我所知道的默认和预期的行为，我很精确，所以我的问题是明确的。
的问题是:我想做的是直接交换这些行为，所以：
当我在垂直滚动条上按住鼠标并向上或向下拉时，内容会水平滚动。
和
当我将鼠标按住水平滚动并向左或向右移动时
我意识到有相当明显的
浏览 2提问于2012-10-08得票数 3
我有一个水平滚动的div。在移动设备上，当内容是固定的时，我想隐藏滚动条。它在iPad上的Safari上是这样工作的，但是在安卓平板电脑上使用Chrome时，我总是看到水平滚动条。
我的水平滚动div上的CSS：
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
CSS解决方案更可取，但如果有必要，Javascript/JQuery也能工作。提前谢谢。
浏览 10提问于2013-12-16得票数 3
1回答
我有一个固定宽度和高度的div，其中包含一些文本。
div的样式为使用css3列，如下所示：
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
文本排列正常(moz.iexplore、chrome)，但不显示滚动条。(css: overflow:auto;)
如果我用overflow强制滚动: scroll；div会同时显示水平和垂直滚动条，但没有要滚动的“句柄”。
你知道如何解决这个问题吗？
浏览 1提问于2014-01-21得票数 0
我在一个网站工作，其主要内容块太宽，无法完全适应较小的分辨率屏幕。
内容以屏幕中央为中心。
当内容不适合屏幕时，我需要一个水平滚动条来显示。
我强制使用div显示水平滚动条：
<div id="stretcher" style="width:1200px; min-width:1200px; height:1px; position:absolute; margin:0 auto"></div>
问题:如果我最初在大分辨率屏幕(或更宽的窗口)打开网站，然后使浏览器窗口变窄，滚动条就会出现在它应该出现的地方。但是--如果我继续使窗口变窄，滚
浏览 3提问于2011-07-19得票数 0
回答已采纳
此CSS用于MVC2应用程序中的DIV。溢出:auto行向div添加一个水平滚动条，这是必要的，因为div中的表非常宽，并且扩展到页面的边缘。
#main
{
padding: 30px 30px 15px 30px;
overflow:auto;/* this adds horizontal scroll*/
background-color: #fff;
margin-bottom: 30px;
_height: 1px; /* only IE6 applies CSS properties starting with an underscore *
浏览 5提问于2010-10-05得票数 16
这正是标题中所描述的。
我有一个有overflow-x: hidden的父母。
我有3行，其中有一些内容溢出。
在这个场景中，我无法以编程方式滚动其中的一行。JS Fiddle：
但是，如果我将行更改为具有overflow-x: auto，则编程滚动可以工作，但它也会显示一个水平滚动条。JS Fiddle：
问:我想了解为什么会发生这样的事情。如果没有水平滚动条的出现，我如何才能让滚动条工作呢？(使用css 不隐藏水平滚动条不是选项)
PS:希望没有简单的HTML/CSS/JS答案。No jQuery
更新1：父位置似乎不影响这一点
浏览 5提问于2017-06-28得票数 1
回答已采纳
2回答
我知道这个问题以前被问了很多，但问题是我正试图用html，css，Jquery来构建一个响应式的工具。我正在使用iframe来显示html (例如:登录页面)并看到不同的响应视图，但当内容高于滚动条显示的窗口(水平，垂直条)时，我希望至少消失水平条，因为如果我有320px的响应视图，当滚动条出现时它会隐藏部分内容，我必须使用水平滚动条。
我试过不同的代码，没人管用。所以你能帮帮我吗。谢谢!
<div id="resize-box">
<iframe src="blank.html" frameborder=0 s
浏览 2提问于2014-04-22得票数 1
我在I.E. (版本9和8)中有以下DIV：
<div stlye="width:820px;height:350px;overflow:auto"> some large text blah blah .... </div>
水平和垂直滚动条在除IE之外的所有浏览器上都显示在右侧，它只显示水平滚动条，然后，我必须使用鼠标垂直滚动。
这个问题有解决方案吗？提前谢谢。
浏览 1提问于2011-06-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
