如何使用css删除wordpress中的水平滚动条？
要使用CSS删除WordPress中的水平滚动条，可以通过以下步骤实现：
- 打开WordPress后台，进入主题编辑器。在WordPress仪表盘中，选择“外观”>“编辑器”。
- 在编辑器中，找到并点击“样式表（style.css）”文件。
- 在样式表中，添加以下CSS代码：
- 在样式表中，添加以下CSS代码：
- 这段代码将隐藏页面的水平滚动条。
- 点击“更新文件”保存更改。
这样，水平滚动条就会被隐藏，不再显示在WordPress网站中。
请注意，这只是一种方法，具体效果可能因主题和其他自定义样式而有所不同。如果你使用的是自定义主题或插件，可能需要在相应的CSS文件中进行修改。
相关·内容
我已经尝试过了： html, body {
margin: 0px;
padding: 0px;
width: 100%;
} 在页面的右侧有一个小的白色列，因此有一个水平滚动条。我想要查看页面中的所有内容，这样我就不需要水平滚动条，也不需要页面上额外的白色小列。如何使用css删除wordpress中水平滚动条，或者应该如何删除水平滚动条和额外的小白列？
浏览 16提问于2020-08-24得票数 2
2回答
使用CSS，如何才能允许垂直和水平滚动(在overflow上)，而只显示水平滚动条(在Firefox中)？
根据以下内容：
可以简单地使用：
scrollbar-width: none
隐藏滚动条(在Firefox中)，但这似乎隐藏了垂直和水平滚动条。
阅读Mozilla的开发者规范：
不会提供有关如何完成此操作的更多详细信息。
难道使用CSS只隐藏垂直滚动条，同时仍然显示水平滚动条是不可能的吗？
浏览 6提问于2021-04-21得票数 0
4回答
我目前正在制作一个网站，但我有一个水平滚动条…下面是body/html的CSS
body,html {
min-width:600px;
height:100%;
margin:0;
padding:0;
font-family:Calibri;
}
这里有一个小提琴：
即使屏幕大小发生变化，我也如何摆脱水平滚动条？
浏览 0提问于2013-04-03得票数 1
我对HTML和CSS非常陌生，在玩网页设计时发现了一个非常烦人的问题--我正在尝试创建一个固定的标题(创建一个导航栏)，但是.
当屏幕以CSS中固定属性值对的位置最小化时，水平滚动条不会出现。
要理解我的意思，请看下面的代码:打开html并最小化浏览器会创建一个水平滚动条，但是去掉CSS中的/* */注释标志，突然这个滚动条就不再出现了，所有的滚动条都会随着定位而中断。
HTML
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="styles
浏览 11提问于2014-07-13得票数 1
我有两个滚动条(水平和垂直)在网页(css+html)。此滚动条是浏览器默认控件。
我的问题是:编码的UI不能识别垂直滚动条和水平滚动条作为单个控件，所以不确定在哪里单击滚动。
开发人员正在使用滚动条的css属性。因此，它会自动检测定义的容器(水平和垂直)中的数据溢出。
感谢在这个问题上的帮助，请让我知道如何在网页中水平和垂直滚动。
向你致以最好的问候，Sunil
浏览 1提问于2014-06-25得票数 0
3回答
在我基于WordPress的网站上，有一个不必要的水平滚动条。我怎么才能摆脱它？我检查了CSS寻找空白处，但没有找到任何。
链接：
浏览 5提问于2015-03-31得票数 0
回答已采纳
我有一个wordpress网站上的水平滚动，这在所有电脑上的chrome，但在safari和火狐上的一些电脑上不工作。
我的代码是：
html {
height:100%;
overflow-x:hidden;
}
body {
width:3080px;
overflow-y:hidden;
}
当我移除overflow时-x:hidden；水平滚动可以工作，但是你可以看到滚动条。这是指向站点的链接
如何隐藏滚动条？另外，你知道为什么这在safari和firefox的一些电脑上有效，但不是全部吗？
谢谢!
浏览 1提问于2013-01-31得票数 1
回答已采纳
我的网站右侧有一些恼人的空白区域和一个水平滚动条。我找到了一些css代码的帮助，它们去掉了空白和水平滚动条。但是，此代码创建了第二个垂直滚动条。所以我只能选择其中之一。如何摆脱这两个额外的滚动条？
这是消除了第一个问题但创建了第二个问题的代码。
html,
body{
width:100%;
overflow-x:hidden;
}
浏览 22提问于2019-08-01得票数 0
在Wordpress上，我使用字体Pre，而不是无缝地显示为固定空间字体，这是我想要的，我得到
固定空间字体
在矩形空间区域内，颜色为灰色，使自己更加突出。
它有水平和垂直滚动条在右边和底部，与箭头。
这些箭头看起来丑陋，分散了对整体位置的注意力。此外，没有什么可以滚动，所以箭头和滚动条是没有意义的。
问题：
我如何摆脱那些滚动条和箭头，同时保持固定的字体样式？我有WordPress 4.1的默认主题，二十五个。
更多关于"Pre":
为了清晰起见，我不是指HTML的<pre>标记。我是说WP的字体风格叫做Pre。检查后，该字体确实在“预”<
浏览 2提问于2015-02-12得票数 0
回答已采纳
我在这里有一个WordPress站点：
www.horizonimaging.co.uk
在一个月前的某个未知时刻，网站上出现了双面垂直滚动条。
通过将此代码添加到整个站点的附加CSS部分，我能够修复这个问题(删除第二个垂直滚动条)：
html, body {
max-width: 100%;
overflow-y: visible;
}
但是，我后来注意到，这个站点可以在我的iPhone和iPad上稍微水平滚动(但在桌面浏览器上不行)。
解决办法似乎是增加：
overflow-x: hidden
添加到相同的附加CSS部分。
但是，如果对其中一个溢出值
浏览 0提问于2023-03-25得票数 0
我有一个个人wordpress网站: www.RagaBhakti.com，在那里我试图用漂亮的滚动条来代替丑陋的垂直和水平滚动条。所以我去了，安装并激活了nicescroll插件。
因为我是Wordpress的新手，所以我不知道下一步是什么才能看到滚动条变成nicescroll。如果有一些Jquery内容需要添加到实际页面中，详细了解如何执行此操作将是很有帮助的。
谢谢。
浏览 0提问于2012-06-13得票数 0
我觉得自己像个菜鸟，问这个问题，但出于某种原因，一个水平滚动条突然出现了。
如何摆脱底部丑陋的水平滚动条？
CSS样式表文件：
网页：
这个网站是一个伟大的学习资源的亲身体验。我边走边学。
浏览 1提问于2012-06-13得票数 2
回答已采纳
我最初把这个贴在WordPress的答案上，但是有人告诉我这是一个CSS问题，应该在这里发布。
我在我的web服务器上安装了最新版本的WordPress (3.5)和二十十个主题(1.5)。我没有修改任何设置，一切都是默认的。我希望我的子主题所做的就是将主题宽度从940 my更改为1000 my。我的子主题中唯一的文件是style.css，唯一更改的值是宽度。
宽度调整在所有桌面浏览器上都能很好地工作，但是在iPhone (iOS 6)和iPad (iOS 6)上，主题用水平滚动条加载，不可能一直缩放。水平滚动条问题只影响主页，而不影响示例页。问题仅限于垂直模式。
下面是截图和我的style.
浏览 0提问于2013-01-13得票数 4
1回答
如何将水平滚动条添加到带有角表粘性头的垫子表中？
#css代码
#table {
width: 100%;
}
#table tr.mat-row{
height: 40px;
}
#html代码
浏览 3提问于2022-06-14得票数 1
回答已采纳
我需要将iframe中的一些元素对齐到右边，并让它在iframe上被压缩时激活水平滚动条。
下面的代码(在iframe中)与左定位完美地工作：
<html>
<body>
<div>
<table>
<tr>
<td>lorem ipsum here</td>
<td>lorem ipsum here</td>
浏览 1提问于2011-10-20得票数 0
回答已采纳
3回答
绑定以删除垂直滚动条并保持鼠标轮，但它也从列表或其他div中移除水平滚动条。
正文{溢出-x:隐藏；}：：-webkit-滚动条{宽度:0！重要}
如何仅使用css/js设计水平滚动条并添加鼠标轮？
非常感谢
浏览 5提问于2017-01-21得票数 0
回答已采纳
如何使用CSS格式化表，以便：
该表位于浏览器的水平滚动条不显示的屏幕内，用户不需要水平滚动就可以看到表的右侧；
单元格使用必要的宽度，即包含只有"1“、"21”等数字的单元格的列将不会使用比所需宽得多的宽度来显示列中所有单元格中的所有数字，例如4个字符宽度，即使用远远超过它意味着浪费水平空间的宽度；
对于包含非常宽单元格的列，或者更准确地说，如果允许的话，将占用较大宽度的内容，请尽可能多地使用宽度，以便不违反1)和2)，如果不能显示单元格的全部内容，则让该单元格显示水平滚动条。
在Windows和Mac上的最新Firefox和Google chrome的C
浏览 0提问于2012-08-15得票数 0
回答已采纳
1回答
我试图使用CSS比例变换缩小或缩小为一个元素。我可以适当地缩放。但是，只有水平滚动条受转换的影响。垂直滚动条不是。
我知道CSS转换不应影响元素大小。显然，它们确实会影响元素的大小和布局，但只会影响水平。
下面的一个例子说明了这一点：
.wrapper {
background: orange;
}
p {
font-size: 50em;
margin: 0px;
transform: scale(1.0); /* Change to scale(0.2) to see the horizontal scroll bar disppear */
transform
浏览 2提问于2019-03-10得票数 0
下面是我所拥有的:1000‘s width div在一个100%的width容器中，背景图像水平重复。
现场直播：
当我调整浏览器窗口的大小时(小于1000‘t应该会生成一个水平滚动条，对吗？)，滚动条不会出现，正如您在下面的图像中看到的那样。
我该怎么做才能使滚动条出现？(不介意幻灯片，我还在写。)
JSFiddle： (并不是所有的图像都在工作，但我认为这里最重要的是CSS)。
我很感激你所有的想法！
浏览 7提问于2014-04-09得票数 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
3回答
这可能是一个基本的CSS问题，但我对CSS并不流利，似乎在兜圈子。
这是我用英语写的:我有一个固定宽度400px的select元素。每个选项的文本都不适合那个400px的宽度。我没有得到一个水平滚动条，它只是切断了文本。如何获得滚动条？
下面是我在HTML/CSS中拥有的内容：
<div>
<select style="width=400px">
<option>this text is too wide to fit and gets cut off.....</option>
...
</sele
浏览 0提问于2010-02-17得票数 11
回答已采纳
1回答
作为它的WordPress站点，所以我共享ts实时链接。
这个网站不会滚动超过某一点。最初，有一个双垂直条，我能够remove...but的页面仍然不会滚动在铬。
我最初是得到一个双垂直滚动条，但其他人经历了一个单一的垂直滚动条和单个水平滚动条。我尝试过各种overflow:hidden (和工作)选项，但似乎无法解决。
有关其他信息，如果刷新页面，问题将自行解决。这似乎是一个小显示器(19英寸)的问题。对19英寸(宽)/21 in。
请帮帮忙。
网站: Wordpress
主题: Divi
浏览 2提问于2020-01-07得票数 0
3回答
如何从屏幕右侧删除空白
、、、
这个wordpress网站的有一个响应式的徽标和菜单，我想要居中对齐，以便与帖子中内容的边缘对齐。所以我补充道：
.tc-header .brand a { /* Logo */
position: relative;
left: 200px; }
.navbar .navbar-inner { /* Navbar */
position: relative;
top: 130px;
left: 380px; }
添加此CSS后，屏幕将显示一个水平滚动条，并在屏幕右侧留出空白区域(相当于left: 380px)。有种感觉告诉我，这与响应式菜单按钮共享相同的类有关，.navbar .na
浏览 1提问于2014-02-13得票数 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
回答已采纳
我必须说，我不知道CSS，但我愿意学习，如果这是需要，但我不知道从哪里开始。
一些信息，我正在运行默认的Wordpress主题二十几..
我所有的代码块都添加了我不想要的水平滚动条，我只是希望代码没有任何滚动条。
有没有人能帮我把它们移走
所讨论的帖子就在这里，它们在整个页面都是可见的。
谨致问候
相同的
浏览 2提问于2020-05-02得票数 0
回答已采纳
队员们，
有谁知道如何禁用面板中的水平滚动条。我使用的是EXTJS 3.4
基本上我只希望垂直滚动条是可见的，而不是水平的。
我尝试将autoScroll=true作为面板属性，但如果这样做，我可以同时看到水平和垂直滚动条。
下面是代码。
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css"
浏览 0提问于2012-12-23得票数 7
1回答
我有300‘t大小的网格，如果记录超过10，那么垂直滚动条显示，它很好，但同时水平滚动条也显示，这是我不想显示的。我的css类用于垂直
.vstyle {
overflow-y:auto
}
如果我做了
.hstyle{
overflow-x:none
}
然后水平滚动条不显示，但如果最小化浏览器那么水平滚动没有显示，因为css，但我需要显示水平滚动条，如果浏览器是最小化的任何建议，这将有帮助。
浏览 1提问于2017-02-20得票数 1
回答已采纳
在wordpress的shapely主题小部件中:我嵌入了iframe，我尝试过css: iframe {overflow:hidden}，并检查了标签中是否存在‘scrolling：’no‘属性。尽管如此，所有iframe上的垂直滚动条。即使尝试在javascript中循环将属性添加到iframe中(如果wordpress出于某种原因删除了它们)，仍然没有帮助。
你有什么办法摆脱滚动条吗？
浏览 22提问于2020-05-07得票数 0
回答已采纳
我试图达到这样的效果，我在外部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
我在Apex5.0中有一个互动报告，有超过20列。所有的列都不适合在窗口，所以我必须使用水平滚动条。
问题是，当我有超过50行时，水平滚动条会显示在页面底部但在窗口之外，所以我必须向下滚动才能看到水平滚动条。
如何设置交互式报告的“最大高度”？
浏览 14提问于2015-09-24得票数 2
回答已采纳
Hi，我正在编写CSS代码，然后我遇到了问题。
我了解到，如果我在下面编写CSS代码，滚动条将不会显示在网页上。
*webkit-滚动条{ display: none；}
，但我想显示水平滚动条并隐藏垂直滚动条.
如何隐藏垂直滚动条，我不知道::webkit-y-scrollbar代码是否有类似于的东西
浏览 7提问于2022-09-10得票数 1
回答已采纳
3回答
fancybox版本2由于某种原因显示了#fancybox-inner水平滚动条。即使我改变了框的大小，它也显示了滚动条。如何隐藏水平滚动条？
function display_dialog() {
$.fancybox.open({
href: '/ContactSubmission/',
type: 'ajax',
padding: 15,
openEffect: 'fade',
openSpeed:
浏览 2提问于2014-01-03得票数 0
我正在尝试调整我的Wordpress主题，并且我已经创建了一个基于twentyeleven的子主题。我现在的主要问题是宽度。
请看一下我仅使用HTML和CSS创建的现场示例。这就是我试图让我的wordpress主题看起来像：
我希望页面宽度为100%，以便天空背景和白纸水平出血页面，但我也希望内容居中的页面。
通过查看我的wordpress站点：，您可以看到我朝着这个目标已经走了多远
您可以看到页面宽度超过1000px (主题的默认宽度)，但仍然不是全宽，并且有一个水平滚动条，而不仅仅是内容居中。
我只是不确定我到底做错了什么。有什么想法吗？
谢谢，丹娜
浏览 0提问于2012-05-01得票数 0
回答已采纳
1回答
我已经创建了一个wordpress网站，如果你在移动设备中查看这个网站，将会有水平滚动条，我们如何删除它？ 这是我的网站链接http://demo.proserindustries.com/
浏览 16提问于2019-06-01得票数 0
这正是标题中所描述的。
我有一个有overflow-x: hidden的父母。
我有3行，其中有一些内容溢出。
在这个场景中，我无法以编程方式滚动其中的一行。JS Fiddle：
但是，如果我将行更改为具有overflow-x: auto，则编程滚动可以工作，但它也会显示一个水平滚动条。JS Fiddle：
问:我想了解为什么会发生这样的事情。如果没有水平滚动条的出现，我如何才能让滚动条工作呢？(使用css 不隐藏水平滚动条不是选项)
PS:希望没有简单的HTML/CSS/JS答案。No jQuery
更新1：父位置似乎不影响这一点
浏览 5提问于2017-06-28得票数 1
回答已采纳
有很多这样的问题，但我还没有找到一个答案，如何只删除水平滚动条，同时仍然能够水平滚动： 我使用了以下代码，但它同时删除了水平和垂直滚动条： .section {
overflow-y: auto;
scrollbar-width: none; /*For firefox*/
}
::-webkit-scrollbar {
display: none; /*For remainder of the browsers*/
}
浏览 31提问于2021-11-23得票数 1
回答已采纳
我有以下网页：
<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
回答已采纳
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
回答已采纳
这里是我的
<div class="scrollingBox">
<div class="container">
<div class="item">Item</div>
<div class="item">Item</div>
<div class="item">Item</div>
<div class="item"
浏览 2提问于2014-02-28得票数 4
回答已采纳
1回答
我有一个TextArea，我想禁用滚动条，我可以使用以下命令禁用水平滚动条：
TextArea.setWrapText(true);
但我无法禁用垂直滚动条，我所能做的就是隐藏它，我希望TextArea具有22个固定的行，并且不想在TextArea中进行任何进一步的输入。如果使用CSS也可以做到这一点，任何帮助都将不胜感激。
浏览 1提问于2016-03-28得票数 2
2回答
打印可滚动表格的全部内容
、、、
我有以下页面得到打印，其中有水平滚动。我需要在水平滚动条区域中打印内容。
当打印此页面时，我得到的输出不包含水平滚动条区域中的所有字段。
并非打印滚动条中的所有内容。
我使用的方法是打印CSS。
@media print {
.noprint {
display: none;
overflow: visible;
}
}
浏览 6提问于2011-02-15得票数 0
回答已采纳
我有一个带有overflow:scroll的div，水平滚动。如何在css中隐藏div的滚动条？
浏览 2提问于2015-05-20得票数 0
回答已采纳
1回答
正在尝试在选择框中添加水平滚动条。选择框中的一些项目有很大的文本，我看不到。所以我尝试添加css类，如下所示：
.selector_box{
overflow:auto;
}
<div class="label_input">
<%= f.label(:sample, "Books *", :class => 'label_required_field') %>
<%= f.collection_select(:sample, @books.all, :id, :name, {:mul
浏览 0提问于2012-05-30得票数 0
回答已采纳
我在wordpress中的css样式有问题。Chrome正在移除我的滚动条，而在IE中，我的页面是固定的，根本不能滚动。我已经禁用了我的管理栏，因为它似乎造成了一些麻烦，但我仍然看不到我的滚动条。
这是我的页面
谢谢你的帮忙!
浏览 4提问于2013-10-07得票数 0
我在pygtk应用程序中有两个滚动条(水平和垂直)小部件。如您所知，滚动条默认具有当前的gtk主题样式。我只想在我的应用程序中为gtk滚动条使用我自己的css样式。这里有一个教程，，但是没有关于如何使用我们在pygtk应用程序中创建的css文件的信息。我该怎么做？谢谢。
浏览 5提问于2013-10-23得票数 2
回答已采纳
4回答
删除滚动条jquery
、、、、
我正在开发一个插件的wordpress (目前使用二十三主题)，当你点击一个div模式将显示。当模式显示时，我想移除body上的滚动条。
我使用了下面的代码，但它似乎不起作用：
jQuery("#page").css("overflow", "hidden");
jQuery('body').css('overflow','hidden');
我可以看到firebug上的style="overflow: hidden;"正在被添加，但滚动条仍然显示。
我也尝试过像jQuery(
浏览 0提问于2015-05-13得票数 3
3回答
我有一个宽度为100%的水平肚脐。一旦导航达到一定的最小宽度-大约800‘d，我说，我想要一个水平滚动条出现。CSS属性“最小宽度”无法工作，因为它没有创建滚动条。
post问的问题和我的一样，但这个人得到的唯一好答案是利用jQuery插件，我不知道如何使用它添加滚动条。
如何添加超过固定最小宽度的水平滚动条？请帮帮我。
谢谢。
应请求编辑，下面是我的代码：
<nav id="topBar">
<section id="topBarRight">
<!-- stuff !-->
</s
浏览 2提问于2012-01-29得票数 4
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
