CSS溢出:隐藏或滚动不能使用span
CSS溢出是一种用于处理元素内容溢出的属性。当元素的内容超出其指定的尺寸时，可以使用CSS溢出属性来控制溢出内容的显示方式。
常见的CSS溢出属性有两种：overflow: hidden和overflow: scroll。
overflow: hidden：当元素内容超出其指定尺寸时，超出部分将被隐藏，不会显示在页面上。这种方式适用于不希望溢出内容被显示出来的情况。例如，当一个容器只能显示固定尺寸的内容时，可以使用overflow: hidden来隐藏超出部分。overflow: scroll：当元素内容超出其指定尺寸时，会显示滚动条，用户可以通过滚动条来查看溢出内容。这种方式适用于希望用户能够查看完整内容的情况。例如，当一个容器需要显示较长的文本内容时，可以使用overflow: scroll来提供滚动功能。
CSS溢出属性可以应用于任何具有尺寸限制的元素，例如div、p、ul等。在前端开发中，经常会用到这些属性来处理元素内容的溢出情况，以提升用户体验。
腾讯云相关产品中，与CSS溢出属性相关的产品有：
- 腾讯云CDN（内容分发网络）：CDN可以加速网站内容的分发，提高访问速度。通过配置CDN，可以将静态资源（如CSS文件）缓存到CDN节点上，减少用户访问时的延迟。详情请参考：腾讯云CDN产品介绍
- 腾讯云Web应用防火墙（WAF）：WAF可以帮助保护网站免受各种Web攻击，包括SQL注入、XSS攻击等。通过配置WAF规则，可以对网站进行访问控制和内容过滤，防止恶意访问和数据泄露。详情请参考：腾讯云Web应用防火墙产品介绍
以上是关于CSS溢出属性的概念、分类、优势、应用场景以及腾讯云相关产品的介绍。希望对您有所帮助！
相关·内容
2回答
内容溢出时无法滚动
、、、
我有一个下拉菜单谁工作完美的Chrome，然而，数据溢出的名单，我不能向下滚动。我试着使用“溢出:隐藏”，但它只是将溢出数据隐藏起来，而不能在Chrome和Explorer上向下滚动。
<div class="dropdown info-required">
<button name="mccGroupButton" class="btn btn-default text-left dropdown-toggle
requiredInput picklistOverflow form-cont
浏览 0提问于2018-02-12得票数 0
回答已采纳
我有一个滚动的DIV，其中包含许多项目的列表：
___________
| |^|
| Item1 | |
|_________| |
| | |
| Item2 | |
|_________| |
| | |
| Item3 | |
|_________|v|
当用户滚动列表项时，会出现一个弹出窗口描述该项：
___________
| |^|
| Item1 | |
|_________| |
| _|_|____________________
| Item2 | Description f
浏览 4提问于2012-08-21得票数 28
回答已采纳
1回答
向div添加带有溢出的工具提示
、、、、
我正在开发一个具有多个列表项的水平滚动部分。每个列出的项目包含一个工具提示，应该在悬停时显示上面列出的项目。因为父div是一个可滚动的部分，所以我需要将工具提示相对于列出的项进行定位，但是这会导致工具提示由于父服务器上设置的“overflow:滚动”而消失。我现在真的很困惑。如有任何建议，将不胜感激。
<div class="scroller">
<div class="scrollable-item">
<span> Static Text</span>
<span>
浏览 3提问于2016-05-04得票数 1
1回答
我正在尝试使用html和css在屏幕上水平滚动一些文本，类似于新闻滚动条。我找到了另一篇文章，试图实现同样的目标：
但是，如果文本的宽度大于窗口的宽度，则在chrome屏幕的底部会出现一个水平滚动条。
我想有文本滚动整个宽度的用户屏幕和溢出是隐藏的。
我使用以下css：
p{
line-height: 0.85;
font-size: 7.9vw;
}
.marquee {
width: 100wv;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
position: absolute;
}
.mar
浏览 0提问于2020-06-09得票数 0
2回答
我希望检测用户何时试图在页面上向上或向下滚动，但是由于不允许实际滚动，所以我设置了一个溢出:隐藏体。代码是这样的：
$('html,body').css('overflow','hidden');
$(window).scroll(function(event){
console.log("scroll");
});
问题是，由于没有实际的滚动，我不能触发事件，我已经考虑过删除溢出样式，并以某种方式防止滚动，但我不知道如何做。
无论如何，是否有一种方法可以在检测滚动尝试时修复滚动？谢谢
浏览 4提问于2013-09-11得票数 6
回答已采纳
我希望能够滚动的div内容没有滚动条可见。下面是代码片段，
.topic_editor {
background-color: $light_gray;
height: 100%;
overflow: auto;
header {
display: flex;
justify-content: space-between;
align-items: cente
浏览 0提问于2018-09-07得票数 0
TL；博士看到链接的代码，这也解释了我的问题。
我想要达到像在图像中一样的效果。
我的代码：
<div class="some-div-for-other-purpose">
<ul class="dynamic-height-list">
<li>
<label>Name1</label>
<span class='glyphicon glyphicon-option-vertical'
onclick="
浏览 0提问于2016-02-03得票数 2
2回答
我想使我的窗口窗格不可滚动。如果我将我的元素设置为溢出:隐藏，我无法在任何页面上滚动，所以我尝试在我希望不可滚动的组件的CSS文件中这样做。但是，实现这一点的唯一方法是将不可滚动的类名添加到index.html元素中。
.unscrollable{
overflow: hidden;
}
但是，在这种情况下，无论我在页面上导航到哪里，所有的窗口都是不可滚动的。
我试图通过将以下内容添加到组件的CSS文件中来解决这个问题：
.unscrollable{
overflow: hidden !important;
}
但没有结果。
有谁知道如何解决这个问题吗？我对不能根据组件影响in
浏览 17提问于2022-10-20得票数 0
回答已采纳
3回答
请参阅以下链接：
当您看到那些带有firebug的长文件名时，您会发现一个span，它告诉我们->
.FileName {
float: left;
width: 438px;
}
我们为这个跨度预定义了宽度！
q#1 :那么为什么这个div中有溢出，我该如何修复呢？
Q#2(重要)：是否可以在不显示滚动条的情况下使文件名滚动？
编辑
(使用jquery、javascript或css)
提前感谢
浏览 2提问于2011-10-28得票数 0
回答已采纳
6回答
设置溢出时，我不能在div中垂直滚动:隐藏到它。我不明白为什么。
HTML：
<div class="s">
<p>lorem ispum<br/></p>
<p>lorem ispum<br/></p>
<p>lorem ispum<br/></p>
<p>lorem ispum<br/></p>
<p>lorem ispum<br/></p>
<p>lorem ispum&
浏览 16提问于2015-06-10得票数 4
回答已采纳
1回答
在我的iframe上，我想在保持垂直滚动条的同时隐藏水平滚动条。我用过
Style=“溢出-x:隐藏；”
它适用于firefox，但不适用于safari。在safari下是否有隐藏水平滚动条的修补程序？
我听到的唯一方法是更改iframe中页面的溢出。但是我不能修改我的iframe中的页面，因为它是一个外部网站
浏览 4提问于2012-11-08得票数 1
7回答
在firefox中隐藏滚动条
、、、、
我想在页面中隐藏滚动条，但我可以滚动，就像它有滚动条一样。所以我不能使用溢出:隐藏，因为我希望我可以像普通滚动，但不能看到滚动条。
所以我使用这个css代码(类非滚动体是一个身体标记的类)。
.not-scroll-body::-webkit-scrollbar {
display: none;
}
它在Chrome中工作，但是当我使用-moz-而不是像这样的-webkit-时
.not-scroll-body::-moz-scrollbar {
display: none;
}
它在Firefox中不起作用。
我能做些什么才能让它发挥作用？
谢谢你的每一个回答，并对我糟糕
浏览 6提问于2013-10-25得票数 15
2回答
溢出时如何隐藏Firefox滚动条:auto？
*webkit-滚动条{显示:无；}
我使用这段代码，但这只适用于谷歌Chrome。
有帮手吗？谢谢!
更新的
当我用
溢出:隐藏；
我的页面不能继续到页脚。
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div id="pageWrapper">
浏览 2提问于2013-03-13得票数 6
2回答
我有一个HTML页面，它是由两个不同的框架生成的。由于这些框架，我不能对它做很大的更改，但是我可以使用jquery来调整html。基本上，我有一个有页眉的应用程序，还有一个有页眉的第二个报告应用程序(让我们称它为子标头)、内容和页脚。我正在寻找的行为是，文档被定位为使用完整的视图端口，页脚粘在底部，内容div根据需要展开或收缩，并且溢出，因此如果真正的数据对于内容div来说太大，它会滚动。我的解决方案在Chrome中工作，但在IE中，除了内容框架(正确)获得滚动条之外，文档本身(不正确)还会得到一个滚动条。
感谢你能提供的任何帮助。
jsfiddle .
代码：
<body bottom
浏览 3提问于2015-01-19得票数 0
回答已采纳
我需要创建一个水平滚动条来控制水平DIV中的滚动。
我不能使用常规溢出:自动CSS，因为滚动条在视觉上与div是分开的。在滚动卷和DIV之间有一些(静态)项。
我想使用位置:修复这些项目，并将其保存在滚动DIV中。但看起来固定位置只是相对于窗口，而不是当前容器。
我知道我可能可以编写一些jQuery脚本来处理滚动事件并移动DIV中的内容。可以用CSS或现有的jQuery插件来实现这一点吗？
浏览 6提问于2009-12-29得票数 0
回答已采纳
3回答
现在我有了一个span，它的溢出隐藏在超文本标记语言和CSS中--我将它用于这个网站上的推特帖子：
HTML和内联CSS
<span style='width:686px; height:50%; display:block; white-space: nowrap; padding-top:14px; padding-left:10px; overflow:hidden;'></span>
现在我需要以某种方式检测到div确实溢出了，然后当它溢出时，允许使用jQuery或类似的东西滚动文本。
你知道怎么做这两件事吗？
浏览 3提问于2012-01-25得票数 0
回答已采纳
1回答
我有一个容器div (id = #game)，它被设计成在任何时候都占页面宽度的90%，我想在里面放一个固定大小的大div (id = #game_div)。当然，在较小的屏幕上，这个内部div (1024X768)不能放入容器中，所以我希望它能溢出滚动条。
下面是css：
#game
{
max-width: 90%;
overflow: scroll;
padding: 20px;
}
#game_div
{
width: 768px;
height: 1024px;
}
当我隐藏内部div时，外部div看起来如下所示，它正确地使用了90%的屏幕：
浏览 5提问于2014-05-10得票数 1
我正在用HTML、CSS和JavaScript编写一个网站。我在另一个HTML页面中有一个HTML页面。即使不需要滚动，这个嵌入式页面也有一个滚动条。我想摆脱这个酒吧直到它是真正需要的。
“溢出:自动；”没有解决问题，我不能让页面没有滚动条使用“溢出:隐藏”，因为在一些缩放设置，用户确实需要滚动。
嵌入html页的代码
<iframe src="Flip_turn/index.html" width="100%" height="650" frameborder="0" style="border: 0"&g
浏览 0提问于2018-02-13得票数 0
2回答
我有jQuery代码，在弹出模式打开时移除滚动条。因此，当我需要关闭弹出窗口时，滚动条需要再次出现，并且该函数可以正常工作，除了一件事:如果用户单击弹出窗口之外的其他地方，它将关闭，但滚动条仍然隐藏。只有当单击关闭图标时，它才能完全正常工作。
当用户单击弹出框外时，是否有可能设置自动溢出滚动？也就是说，不仅仅是在封闭的图标上？
$(document).ready(function () {
$("button#mainbtn").click(function (){
$('body').css('overflow', 'hi
浏览 2提问于2018-11-05得票数 2
回答已采纳
1回答
滚动条导致页面移动
、、、、
出于某种原因，出现的滚动条会移动谷歌Chrome中的所有东西。
这是我的错还是以前没发生过的事？
是否还有我可以插入的样式代码或JavaScript来防止这种情况发生？
我已经尝试了溢出:滚动；然而，在我的styles.css中，我已经放置了其他文件的iframes (我知道，不建议使用iframes )，这会导致iframes中的滚动条。
除非我能保持溢出:滚动；或者不让它应用于iframes，有什么帮助吗？
非常感谢！
浏览 4提问于2014-04-21得票数 0
回答已采纳
不使用：
<style type="text/css">
body {
overflow:hidden;
}
</style>
如何隐藏滚动条？
注意-我需要溢出的其他元素。
浏览 1提问于2015-09-01得票数 2
我正在练习CSS，尝试做一个类似于堆栈溢出的设计。
当我不能水平滚动时，顶部的条形看起来很好。当我使窗口尺寸变小时，就会出现水平滚动的功能。当我滚动，它没有显示整个顶部的背景。
全屏：
半个窗口，然后向右滚动：
CSS：
.topbar {
font-size: .8em;
z-index: 1;
text-transform: lowercase;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #222222;
}
.topbar-wrapper
浏览 0提问于2014-12-18得票数 0
回答已采纳
4回答
当您使用选项卡键(和shift +选项卡)导航表单元素或锚时，浏览器会自动滚动到该聚焦元素。如果该元素无法查看，因为它是溢出内容的一部分，其中溢出设置为隐藏，则它移动(或滚动)内容的容器，以显示焦点元素。我想要停止或者找到一种方法来否定这种行为
下面是我整理的一些东西来展示这个问题。我在Chrome上复制了它。
var container = $("#container")
var cur = 0;
function go(increment) {
var next = cur + increment;
if (next < 0) next = 4;
浏览 10提问于2016-04-05得票数 10
回答已采纳
我想要一个容器内的绝对定位跨度，当容器的位置溢出容器时，显示容器上的滚动条。
但是，即使在容器上出现溢出:auto时，SPAN也会在容器div之外飞行，就好像它不属于容器一样。
我将附加许多跨度，因此其他位置值(如相对位置)将扰乱每个跨度所需的独立位置，尽管会产生滚动条。
这是小提琴：
CSS：
.container {
background-color: #AFF;
width: 500px;
height: 500px;
overflow: auto;
}
.fly {
border: solid black 1px;
background-color: #0F0
浏览 3提问于2016-03-21得票数 0
回答已采纳
2回答
我正在尝试删除iframes滚动条和帧边框。I不能使用frameborder=0和scrolling=no，因为它们在HTML5中不再受支持。seamless属性抛出一个警告，说明它尚未根据W3C Validator实现。我在网上找到了一个页面，上面写着使用overflow:hidden删除滚动条，但是它没有删除滚动条，至少在我的google中是这样的。我还没看过其他浏览器。此外，框架边框仍然存在，即使我使用了border:none。我也试图设置的宽度和高度的iframe使用css，但它不想听。以下是我的当前代码：
#vidframe
{
width: 577px;
heigh
浏览 2提问于2012-06-12得票数 3
回答已采纳
3回答
如何隐藏具有大宽度设置的<div>的水平、屏幕外溢出？例如：
HTML：
<div class="example">
</div>
CSS：
.example {
height: 100px;
width: 10000px;
background-color: black;
position: absolute;
overflow: hidden;
}
显示滚动条出现的，如果div非常大，我希望不会出现这种情况。
编辑：在父元素上添加隐藏溢出-x不适用于小宽度iOS设备。
浏览 23提问于2017-11-17得票数 1
回答已采纳
2回答
我想使用文本溢出:省略来在文本太长的时候剪切一些文本，但是当我使用溢出:隐藏显示:内联块时，我会遇到一些问题。
html：
<span class="text">
<span class="inner left">Click to add overflow</span>
<span class="inner right"> long text here</span>
</span>
<div class="bottom"></
浏览 1提问于2015-05-12得票数 4
回答已采纳
4回答
如何在引导中自动换行
、、、、
我正在设置“可滚动溢出”选项。我想设置这个仅y滚动的溢出选项，如果x内容溢出，则换行。 我应用了“空格”。但是，不能适用。 <ul class="sidebar-menu scrollable" style="height: calc(100% - 130px);">
<li class="nav-item">
<a class="sidebar-link">
<span class="title">
浏览 33提问于2019-06-10得票数 0
回答已采纳
当有溢出时，我的容器应该打开一个滚动条。当滚动条不满时，它不会显示任何滚动条。我用过“溢出:隐藏”来做这个。它在chrome和mozilla中工作得很好，但在IE8中却不是这样。我看到溢出操作没有被触发。
html：
<div class="myBlock" style="overflow:hidden; outline:none;">...</div>
CSS：
.myBlock {
overflow-y: scroll;
height: 349px;
}
当我的容器溢出时，我只需要y轴上的滚动条。如果我遗漏了什么，请告
浏览 1提问于2014-10-31得票数 0
1回答
注：这个问题已经解决了。请看这篇文章的底部，找出修复方法。
我有一个奇怪的问题，在过去的几天里，我已经把我的头发扯掉了。谢天谢地，我想我已经把它隔离到一个不正确的窗口/文档高度的问题上，导致我的滚动动画永远不会出现。我正在尝试使用来自animate.css的animate.css动画来动画一个h2头，但是wow.js只会隐藏元素，即使滚动过它也不会显示它。如果我删除wow.js并只使用Animate.css，h2标题就会很好地显示出来。
我使用下面的代码进行了一些调试，我想我知道为什么wow.js (我也尝试使用其他滚动库而没有成功)中断--出于某种原因，jQuery报告窗口高度和文档高度都是
浏览 7提问于2015-11-06得票数 0
回答已采纳
1回答
我有一个绝对位置的div在滚动上移动。我把溢出:隐藏在我的屏幕上，一切正常，除非我切换到响应模式，宽度无限期地增加时，我滚动根据位移的div。如何防止这种行为？
关于我尝试过的信息:最大宽度，在父服务器上的相对位置，溢出和所有不工作的信息。
Par示例HTML：
<body>
<div class="box"></div>
</body>
CSS
body{
height: 10000px;
}
.box{
height: 500px;
width: 500px;
background: #000;
posi
浏览 2提问于2022-11-21得票数 0
当我的网站以更小的宽度显示在屏幕上，就像手机一样，一个div漂浮在导航栏下面，所以我想隐藏它。我怎样才能使用纯CSS实现这一点呢？
我已经尝试过一些东西，比如使用“文本溢出:隐藏”和“溢出:隐藏”，但是这些方法似乎不起作用，或者我用错了。
这是我的HTML：
<div class="credits">
<span class="nav">
<a class="credits" href="http://github.com/jvnknvlgl/website">Made b
浏览 3提问于2015-02-20得票数 0
回答已采纳
8回答
是我使用的引用，它解释了如何使div滚动并隐藏它的滚动条。唯一的区别是我有嵌套的div。检查我的
HTML:
<div id="main">
<div id="sub-main">
<div id="content">
<div id="item-container">
<div class="item">a</div>
<di
浏览 0提问于2014-04-25得票数 13
回答已采纳
我想把水平滚动条隐藏在一个太宽的div中，因为它看起来有点丑陋。我仍然希望能够滚动。示例：
我的HTML：
<div class="nav">
<span class="nav"><a class="nav-current" href="index.html">About me</a></span>
<span class="nav"><a class="nav" href="biography.
浏览 1提问于2015-02-23得票数 1
5回答
div中不可见的滚动条
、、、
在我的网页上，我有一个div，它的溢出属性设置为自动--如果内容太大，就会出现一个滚动条。现在，我想让这个滚动条不可见，这样我仍然可以在这个div中滚动，但是没有看到这个条。我真的很感谢你的帮助。另外，如果我不能用CSS实现这一点，我更喜欢jQuery代码，因为我对javascript不太了解。
以下是div：
<div id="content"><!-- some content loaded from database with php --></div>
并为此提供支助服务：
#content {width:100%; overflow
浏览 3提问于2014-01-05得票数 1
回答已采纳
我们真的不能滚动整个页面来实现primefaces全页面布局吗？布局必须只采用页面的大小吗？我不能做到这一点，如果我溢出:隐藏，以便它隐藏我的布局单元内容，而不是滚动页面！
浏览 2提问于2013-07-07得票数 0
1回答
我正在尝试创建一个具有粘性头的表(而不使用position: sticky )。该表还具有溢出滚动条，但这会导致我现在拥有的CSS出现多个问题。这里有一个有用的例子： (html和css是在App.vue中定义的)。
我对当前CSS的问题是：
mid-way.Scrolling 水平滚动，标题行的边框底部水平地停止Heading，Heading不粘(它应该始终保持在相同的位置。(请参阅3)水平和垂直滚动，列标题不与当前视图一起滚动。不过，Heading仍然很粘稠，这是正确的行为。
我尝试过overflow、positioning等多种变体，但都找不出我当前的CSS有什么问题。
浏览 1提问于2019-11-01得票数 0
3回答
我有一个固定在浏览器窗口左下角的窗口。在窗口内部是一个标题栏，它应该保留在窗口的顶部，以及一些内容，有时超过了窗口所允许的长度。我正在尝试向内容添加滚动条，但内容溢出窗口并在没有创建滚动条的情况下被裁剪掉。
可以将滚动条添加到#WindowConsole，但这也会使#WindowTitleBar滚动。
如何让#WindowContent div适合#WindowConsole的父空间，并让它的内容用滚动条溢出？
CSS
#WindowConsole {
position: fixed;
bottom: 0;
left: 1;
min-width: 10%;
浏览 48提问于2017-07-18得票数 2
回答已采纳
3回答
我正在创建一个滚动浏览网站，你只需向下滚动页面即可。我的页面交替使用黑白背景。
我有以下页面：
<div class="row>
<div class="col-xs-9 introduction">
<p> TEXT </p>
</div>
</div>
使用以下CSS：
.introduction {
height: 120%;
padding-top: 150px;
text-align: center;
background: #eee;
min-height: 800px;
}
我
浏览 23提问于2016-07-24得票数 0
回答已采纳
1回答
我有两列的布局。左列是重复消息的列表，右列是几个不同的菜单。我希望这两列始终与右列的高度相同，并且左边列中的消息应该溢出以滚动。左列中也有一个不应该滚动的标题。
问题是，如果不显式设置滚动div的高度，它将扩展到包含所有跨度，并且永不溢出。如何使用溢出滚动使左列与右列的高度相同？举一个我想要的例子，取消height:120px行在.scroll中的注释。这是一个
下面是基本结构的模拟
<div class='table'>
<div id='c1' class='column'>
<h4>Column
浏览 1提问于2015-09-28得票数 2
你好，我有一个情况，我有一个div容器，宽度为300px，位置相对和溢出隐藏，我有另外两个子div在它里面的绝对位置，我使用css3 -transform: translate3d(0，0，0)然后点击变换: translate3d(-400px，0，0)；反之亦然，它在windows上工作良好，但在Mac/macbook系统上使用两个手指滚动时，div容器溢出，并能够看到传输的div(有时为空白)
浏览 4提问于2015-06-23得票数 1
2回答
我通常设法使(这个)在JQuery中工作，但在这个特定的情况下，它根本不起作用。
我有一个文章列表，每一篇文章都有一个带有照片的div。但是，如果一篇文章有许多照片不能适应div的正常高度(430 in )，那么在一篇文章div中保存照片的div应该有溢出滚动。使溢出滚动的css操作在setTimeout中被延迟。但是，如果我不使用这个选择器，当我只将其中一个文章悬停时，所有文章都会出现溢出滚动。为了使这个效果只适用于我悬停的特定div，我必须使用这个选择器，但是当我这样做时，什么都不会发生。
这是我的密码：
$(document).ready(function() {
$("
浏览 1提问于2014-02-19得票数 0
回答已采纳
我正在为jquery设计一个垂直滚动条插件。我的插件接受一个高度值作为选项，如果div高度超过给定的高度，滚动条将是可见的。现在的问题是我需要得到div内容的真实高度。
<div id="scroll">
Contents Here
</div>
jquery：
$.fn.vscrollbar = function (options) {
.
.
.
var contentHeight=this.contents().height() //that is not working correctly
浏览 8提问于2012-11-29得票数 0
回答已采纳
1回答
我想我的内容仍然可以滚动，但滚动没有出现。我的css是这样写的：
#content-three{
width:100%;
height:100%;
position:relative;
overflow:hidden;
}
.block_s{
width:90%;
height:30%;
margin:2.5%;
padding:2.5%;
/* border:5px solid gray; */
}
.isi{
width:50%;
height:100%;
font-size:100%;
fl
浏览 1提问于2013-09-06得票数 0
回答已采纳
1回答
我有一个固定的标题，我只想显示当它是在一个特定的图像之上。
当用户滚动时，我希望固定的标头开始隐藏，因为它下面的图像滚动。
<Header
position=fixed
clip-path=url(#clip-stage.id)> Fixed Header RED
</Header>
<Slide
position=absolute
>
<svg
position=absolute
>
浏览 3提问于2016-12-07得票数 0
2回答
我的页面宽度为980 is，但我有一些设计元素(它们属于背景)。我定位他们的位置:绝对的；这将为那些具有=< 1024分辨率的人创建一个水平滚动条。我禁用了溢出-x:隐藏的滚动条(以及IE7等)。
然而，，当我按住鼠标中间的按钮(我认为这也适用于笔记本电脑的触屏)，它让我移动到右边，它可以用任何东西来修复吗？(javascript，css)?
在Chrome，IE，Firefox中测试了这个问题。
浏览 4提问于2010-03-27得票数 1
回答已采纳
我试图防止加载小部件中的长文件名行包装，而只是隐藏任何溢出。
文件名在span中，这是表td中的。
我的本能就是添加溢出:隐藏在跨度上，但这没有任何作用。
谷歌搜索让我找到了空白:现在，它确实将长文件名限制为所需的一行，但作为副作用，它似乎破坏了表的其余部分的显示。
没有空白:现在：
"Builder自动保存“行显示得很完美，如果我向下滚动列表，所有其他条目都会正确显示。我希望每一行都有相同的填充和位置，不管文件名的长度。
但是使用空格:现在，它将布局更改为如下所示：
用空格:现在对“十七只猴子”的跨度(甚至不是在span的类上，只是在内联CSS级别的一个元素上)进
浏览 5提问于2022-02-01得票数 0
回答已采纳
6回答
是否有一种方法可以防止滚动条将内容或整个页面向左推纯css？我是说没有黑客什么的。
我尝试了两个javascript解决方案：
1)将主体设置为溢出隐藏，将body.offsetWidth存储在变量中，然后溢出可见，然后用当前的body.offsetWidth减去该offsetWidth，并将差值应用到右边距。
2)计算offsetWidth并在每次调整大小时将其应用到包装div上。
不起作用的是：
1)绝对位置。
( 2)把所有东西都向左漂浮是个坏主意。
3)使滚动条可见(看起来很糟糕)。
4)溢出-y隐藏使用户不友好。
浏览 11提问于2016-02-19得票数 7
回答已采纳
2回答
如何停止身体滚动，但保持滚动条？
、、、、
我正试着调整鞋带旋转木马来处理鼠标轮。到目前为止，jQuery看起来是这样的：
$('#thumbnailCarousel').bind('mousewheel', function(e){
$(this).carousel('next');
});
$('#thumbnailCarousel').mouseover(function() {
$('body').css('overflow-y','hidden');
});
$('#thumbnailCarousel
浏览 1提问于2014-05-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
