CSS溢出不可见导航-防止溢出
是一种常见的前端开发技术，用于处理当内容超出容器大小时的显示问题。通过设置溢出属性，可以控制内容的显示方式，以避免内容溢出容器。
分类： CSS溢出不可见导航-防止溢出可以分为以下几种类型：
- 溢出隐藏（overflow: hidden）：当内容超出容器大小时，超出部分将被隐藏，不显示在页面上。
- 滚动溢出（overflow: scroll）：当内容超出容器大小时，容器将显示滚动条，用户可以通过滚动条来查看超出部分的内容。
- 自动溢出（overflow: auto）：当内容超出容器大小时，容器将根据需要自动选择是否显示滚动条。
优势： 使用CSS溢出不可见导航-防止溢出技术可以有效解决内容溢出容器的显示问题，提升用户体验和页面的美观度。通过合理设置溢出属性，可以根据实际需求来控制内容的显示方式，使页面更加灵活和可控。
应用场景： CSS溢出不可见导航-防止溢出可以应用于各种前端开发场景，特别是在以下情况下常被使用：
- 导航菜单：当导航菜单的内容过多时，可以使用溢出隐藏或滚动溢出来保证菜单的整体显示，并提供滚动查看功能。
- 文字内容：当文字内容超出容器大小时，可以使用溢出隐藏或滚动溢出来保证页面的整体布局和显示效果。
- 图片展示：当图片数量较多或图片尺寸较大时，可以使用溢出隐藏或滚动溢出来保证页面的整体美观度和加载速度。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与CSS溢出不可见导航-防止溢出相关的产品和链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，可用于部署和运行前端开发项目。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供高可靠、低成本的云存储服务，可用于存储前端开发中的静态资源。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：提供全球加速服务，可用于加速前端开发中的静态资源的访问速度。产品介绍链接：https://cloud.tencent.com/product/cdn
以上是关于CSS溢出不可见导航-防止溢出的完善且全面的答案，希望能对您有所帮助。
相关·内容
2回答
如何同时修复滚动背景和导航？
、、、、
当移动设备访问时，我试图修复博客上的以下bug
如果您打开移动导航，这是css类".et-mobile-navigation“中的导航元素，它是body-element的一部分，那么导航元素是可滚动的，但是导航-元素后面的整个页面内容也是可滚动的，所以这确实是错误的。
除了重写html以在body-element之外放置导航元素之外，还有其他解决方案可以在主体上执行溢出:隐藏吗？我的问题是，我正在使用来自elegantthemes的额外主题，所以我无法对主题的基本结构进行大量的html编辑。:(
浏览 1提问于2017-11-24得票数 0
1回答
在页面加载前运行JQuery
、、、、
我使用的是一个来自Squarespace的相当严格的模板。我只需要在一个页面上显示侧栏导航，但是Squarespace不支持这一点，并在其他一些我不需要它的页面上显示侧栏导航。
我已经写了下面的代码，它是有效的，但是它在移除#rightSidebar和修改页面之前呈现它，它只需要不到一秒钟的时间，但是它看起来仍然很差。
$(document).ready(function() {
// turn sidebar off on any pages it shouldn't be
if ($("body").is('.item-main-image
浏览 0提问于2018-05-22得票数 1
我正在尝试建立一个导航栏，当鼠标悬停在导航栏上时，它会在导航男爵旁边显示子菜单，类似于下面的屏幕截图。 ? 然而，当我尝试使用left: 100%时，子菜单完全消失了。我做了一些测试，它看起来像是当子菜单溢出主导航栏时，它只是剪切元素。 这就是使用left: 50%时的样子。如您所见，元素就在那里。 ? 这是它在left: 80%中的样子。正如您所看到的，元素被剪切，并且不会溢出主导航栏。 ? 这就是使用left: 100%时的样子。该元素根本不显示。 ? 这是导航栏的代码。https://codepen.io/aheldes/pen/OJmGYYW 这是侧边
浏览 55提问于2021-08-16得票数 0
回答已采纳
1回答
我在这里遇到了一个问题，每当我使用translate设置侧导航离开屏幕时，总是会出现溢出-x。真正的问题是，如果我设置了溢出-x:隐藏；到所有祖先div。它将停止我的位置粘性标志工作。
我已经做了我的研究，下面的一些修复建议是添加一个溢出-x:隐藏到身体本身，它会工作。但是，在我的情况下，它不工作，因为有一个边导航是脱离屏幕的。
奇怪的是，在添加溢出后-x:隐藏到身体。它解决了溢出问题和粘性徽标工作，但只在桌面模式。当我切换到移动( Firefox上的Ctrl+ Shift +M并启用触摸模拟)时，溢出-x再次开始滚动，位置粘滞不动。
下面是我在网上找到的一个代码片段，我在右边添加了一个额外的
浏览 5提问于2020-10-20得票数 1
2回答
<!DOCTYPE html>
<html>
<body>
<div style="background-color: aqua;height:1500px;width:260px;overflow: hidden;">
some text
</div>
</body>
</html>
我的屏幕分辨率是1920 X 1200 (宽X高)，我有一个直径，它的高度是1500 px。显然，这将溢出屏幕和浏览器添加垂直滚动默
浏览 4提问于2020-01-29得票数 0
回答已采纳
我有一些html与js，css等，这是很好的例外，你不能粘贴到输入框。对我来说，没有什么明显的原因导致了这一点。现在，我找到了一个半解决方案：
有一行代码看起来像这样：
*{margin:0; padding:0; overflow:hidden; }
如果我删除该行，或者只删除可以粘贴到输入boxes...However中溢出部分，就会破坏页面的布局和格式。
任何建议都将不胜感激。谢谢。
浏览 0提问于2012-01-27得票数 2
我想将导航栏固定在浏览器窗口的顶部，但允许水平滚动导航项目，因为当浏览器宽度减小时，导航项目可能会溢出。一个例子是gmail导航栏固定在顶部，但当窗口宽度减小时仍然可以水平滚动。
目前，我对div使用了以下css，它将div固定为top，但不允许水平滚动，因为它是固定的(尝试了overflow:scroll，但不做任何事情)：
position: fixed;
top:0
overflow:scroll;//does nothing
浏览 4提问于2012-09-13得票数 0
我是一个新的学习者在HTML5，CSS和Javascript。所以如果我的问题是非常基本的，我很抱歉。我正在编写一个响应式导航菜单。当浏览器的宽度大于500时，就会出现垂直导航条。一旦屏幕页面的大小小于500(例如，在移动电话上)，水平导航栏就应该被隐藏起来，取而代之的是汉堡包图标。当点击汉堡包菜单时，一个垂直导航栏将显示在汉堡包图标的下方。但问题是，当我在导航栏上调用setAttribute(“可见性”、“可见”)或setAttribute(“可见性”、“隐藏”)时，它不起作用。我不知道为什么。setAttribute被称为屏幕加载时间或单击汉堡包图标的时间。
<!DOCTYPE ht
浏览 7提问于2017-10-25得票数 0
回答已采纳
我试图在对话框旁边显示一些溢出元素。该对话框是一个正常的相对定位div (通过vuejs的Vuetify )，溢出元素应该显示在对话框的旁边。
我已经用vanilla html + css复制了这个问题。
运行此命令，我们可以看到最内层的div被父div裁剪。但是，设置overflow-y: visible会使overflow元素正确显示。
我的问题基本上是，当溢出在x轴上时，为什么overflow-y在这里很重要？
<div>
<div style="width:50%;position:relative;left:25%;background-color:
浏览 2提问于2020-02-10得票数 0
我正在尝试显示一个模式，问题是该模式在一个导航栏中，该导航栏的'overflow-y‘属性被设置为'scroll'，这使得值'overflow-x’被设置为'auto'，因此不允许在x-asis上显示溢出的子项。我正在寻找一种绕过这个问题的方法，而不仅仅是将模式移出导航栏(这是我现在不能做的事情)。有没有办法通过css忽略父元素上的overflow-y属性？ 我摆弄了一个与我正在寻找的案例类似的案例：https://jsfiddle.net/aje31y7L/2/ <div class="background">
浏览 24提问于2021-10-25得票数 0
1回答
我以某种方式组装了两个单一代码(绝对初学者)，并试图将两个代码块合并在一起。
我尝试了以下几点:一旦我向下滚动，导航就应该隐藏起来，当我向上滚动时，它应该会再次出现。
附加:一旦你移动鼠标超过它(..nav可见性)，导航应该再次出现，并在鼠标离开时再次消失。->，但前提是你已经向下滚动了！
问题:当你向下滚动时，导航就消失了。但一旦你再次向上滚动，它就不再出现了。
var zero = 0;
$(document).ready(function() {
$(window).on('scroll', function() {
$('.nav-visibi
浏览 0提问于2019-04-24得票数 0
回答已采纳
我刚刚注意到，许多css插件在将页面溢出设置为隐藏(例如)时，使用它们同时将其设置为html和body，如下所示：
html, body {
overflow: hidden;
}
例如，确实喜欢这样。
将其设置为body和html之间的确切区别是什么？
这是跨浏览器的诡计吗？
浏览 6提问于2015-05-07得票数 4
回答已采纳
有一个新的CSS属性content-visibility。
当设置为hidden值时，它会修改DOM吗？
浏览 0提问于2021-10-14得票数 0
回答已采纳
“内容溢出”的概念似乎是Bootstrap 5的基本概念。
在中，他们谈论避免不必要的溢出。他们所说的溢出到底是什么意思？在这方面，溢出隐藏有什么效果可以避免它呢？
关于堆栈溢出的另一个问题的提到，“当内容溢出时，导航条会粘附在顶部”。我再一次不明白这意味着什么。
提前谢谢。
浏览 0提问于2022-08-17得票数 0
回答已采纳
2回答
我进入css，删除了所有的文字装饰:下划线，但出于某种原因，它仍然出现。请有人告诉我，当你悬停在导航线上时，如何去除上面的导航下划线？
下面是Oleose主题的链接。
浏览 2提问于2015-05-19得票数 1
回答已采纳
我现在正在做我的React web模板，我遇到了这个问题，我已经完全编码了一个网站，一切都很好，直到我决定导入第三方CSS在这种情况下AOS (滚动动画) CSS，导入后，我的导航栏(在一个完全不同的组件中)开始变得奇怪，通常这意味着有类似的类名，但我不确定是否有任何解决方案来导入特定组件上的CSS或其他解决方案
浏览 16提问于2020-11-18得票数 0
1回答
我有一个转换:翻译元素，里面有一个溢出:隐藏元素：
<div style="overflow: hidden; height: 200px; width: 200px;">
<div class="hidden-element" style="transform: translate(300px, 300px)">Hidden</div>
</div>
我在内部元素中有一个隐藏元素:悬停{ transform: transform(0px，0px)；}规则。
当我执行浏览器搜索“隐藏”(Ctrl+
浏览 0提问于2014-06-15得票数 1
回答已采纳
1回答
如何通过CSS中断溢出导航栏
、、、、
我有这样一个导航栏：，并尝试通过css移动查询开发移动版本样式。当我调整导航栏的大小时，f.e。对于320 px (而不是ov 900 px)，我有一个“溢出”。我尝试使用溢出:在css中插入一个自动中断。但没有办法实现这一点。溢出:滚动；工作，但我想得到一个“断行”和两个“行”或更多的导航按钮。每个人都知道如何认识到这一点吗？来自德国的最好的问候。
浏览 4提问于2015-04-12得票数 1
回答已采纳
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
回答已采纳
我正在使用jquery选项卡创建一个页面应用程序。我已经构建了页面导航布局。最后一件事是将导航转换成选项卡。
我有困难转移到选项卡式布局，同时保持相同的外观页面。
我已经用设置创建了一个。有一些css重置应用(您可以忽略它)，在JS下，有
// $("#pagewraper").tabs();
我希望我可以只使用选项卡的功能，但保持我设计的外观之前的附加选项卡功能。这能办到吗？我是否更好地编写了我自己的选项卡功能？
浏览 3提问于2017-03-20得票数 1
回答已采纳
2回答
引导-滚动条问题与移动页
、、、、
当我打开一个由滚动条引起的模态时，我试图阻止我的页面移动。最初，当我打开一个新的模式时，页面会继续向左移动几个像素，而不是向后移动。我必须应用这个css来解决这个问题：
padding-right:0px !important;
margin-right:0px !important;
但是现在，即使页面向后移动，当登录模式或注册模式打开时，您可以按“在这里注册”，或者按下login模式或寄存器模式中的“在这里签名”，滚动条就会隐藏，然后重新出现，在移回原来的位置之前将页面移动。我做了简短的实验，并添加了溢出:滚动到元素，我不喜欢两个滚动条的想法，当页面低于一定的分辨率。
所以我的问题是：
浏览 2提问于2015-06-02得票数 1
我不使用Bootstrap或reset.css/reboot.css，我试图用通用的css构建一个网站。我正在做一些非常基本的事情，但是我得到了“这个元素导致一个元素溢出”--实际上到处都是。我已经很长一段时间没有在没有任何css框架的情况下完成布局了，我也找不到关于这个问题的任何东西。即使是br也会导致溢出！这是什么？我没有看到任何蝎子，一切看上去都和我预期的一样。这条消息太烦人了。
我仔细检查了一下，发现图像是造成这种情况的原因。但我有
.img-responsive, .responsive {
height: auto;
max-width: 100%;
}
浏览 9提问于2022-01-02得票数 3
我有一个闪光灯横幅广告，是显示在一个网站作为广告在页面的底部。当横幅广告出现时，滚动条消失。当闪存横幅出现时，将以下css添加到页面中：
body {margin: 0; padding: 0; overflow: hidden;}
“溢出:隐藏”导致滚动条问题，但我不知道它是从哪里来的。
是否有任何方式的闪光横幅可以影响css在页面上？
浏览 6提问于2015-02-17得票数 0
回答已采纳
5回答
我试图理解z-索引背后的规则，以及它如何与溢出属性交互。
我有这个html：
<body>
<div class="cell">
Here is some text to keep things interesting
<div class="boxy"></div>
</div>
</body>
这个css：
.boxy {
position: absolute;
z-index: 9999;
top:70px;
width: 50px;
hei
浏览 3提问于2016-06-20得票数 30
回答已采纳
所以我在一个div里面有几个跨度是这样的：
<div id="parent">
<span class="child">span one</span>
<span class="child">span two</span>
<span class="child">span three</span>
<span class="child">span four</span>
<span
浏览 1提问于2013-12-19得票数 0
单击“关闭块”操作后，刷新页面时不会保存该操作。我做错了什么？
请提前通知我，谢谢。
$(window).load(function(){
// setup the initial display on page load
var menu_state = $.cookie('welcome');
if( typeof menu_state !== "undefined" && menu_state == "hidden" ) {
$('#welcome_block').hide; //
浏览 3提问于2014-03-22得票数 0
回答已采纳
3回答
我有一个从表达式引擎CMS动态生成的导航。有10个主要的导航项目，我需要适应整个屏幕。然而，有些标题很长，会换行到下一行，或者被删掉。我增加了li元素的高度以允许两行，但看起来不是很好。应该只有一行。CSS有没有办法改变它的长度，或者让它不突然被截断？我尝试过文本溢出，但我的Mozilla Firefox无法识别它。我可以更改标题，但这样页面标题就不完整了。
浏览 3提问于2015-04-09得票数 1
我有一个带有一类.productSelectInput的div，它只为我的几个产品动态显示，所以我最初用CSS隐藏了一类.options的div，但当.productSelectInput可见时，我希望.options再次显示。我认为我下面的JS可以工作，但它似乎不是。我想这可能是因为.productSelectInput在options类中。任何帮助都是非常感谢的。
这是我的HTML：
<div class="options">
<div class="option">
<label for="o1
浏览 1提问于2012-08-31得票数 1
回答已采纳
2回答
我正在设计一个网站，它的设计就是这样的。
在这个站点中，我禁用了、水平滚动，相反，用户必须使用Arrow键左右滚动来查看页面。
现在，为了支持这个特性，我必须检查每次在窗口中加载新页面时是否存在文本/元素溢出-y，如果它导致溢出，则必须将溢出元素剪切并移动到下一页以支持水平滚动。
为了支持响应设计，我不是静态地添加这些页面，而是动态地创建这些页面，以便在窗口的宽度或高度发生变化时，将显示的下一个页面将根据更改的宽度和高度进行相应的调整，检查其溢出。
现在我遇到的问题是，要将幻灯片效果动画应用到这个设计中是非常困难的，因为要应用幻灯片效果，我们必须事先知道我们的下一个元素是什么来替换幻
浏览 0提问于2014-08-09得票数 1
回答已采纳
2回答
如果不单击jQuery
、、、
我正在用div和span标签创建一个选择框，这样我就可以为iphones和ipads创建一个样式化的框。它工作得很好，但是一旦用户单击该框并显示下拉选择，唯一的方法是删除选择列表以选择其中一个选择，或者再次单击选择框它的self。我正在寻找一个函数，它将关闭用户单击页面上其他任何内容的选择列表，除了列表(当列表打开时)。这是我处理选项列表显示的函数。
jQuery：
$(this).children('.selectedOption,.selectDropDownArrow').click(function(){
if($(this).parent().
浏览 4提问于2014-01-14得票数 1
1回答
在我的网页上，我目前有一个表，它有太多的列，并且在x方向上超过了它的持有人。在CSS中，我已经设置了它，以便显示水平滑块，人们可以使用它在表中左右导航。这是在CSS中使用overflow-x: auto;实现的。
但是滑块看起来已经过时了，火狐目前还不支持对滑块进行修改。这就是我决定通过改变像这个overflow-x: hidden;这样的溢出来禁用滑块的原因。这把滑块藏起来了，但现在我不能左右滚动我的桌子了。
有什么简单的解决方案可以用来滚动表左/右，而我的滚动条仍然隐藏吗？使用鼠标轮或持有和拉动作将是完全可以的。
浏览 2提问于2016-01-24得票数 0
回答已采纳
1回答
我正在使用Javascript hover over，以显示在我的导航时的image。当我导航上的列表溢出并且需要可滚动时，就会出现问题。image将出现在顶部的类似位置，因此在破坏干净功能的位置裁剪图像。我希望image总是出现在正确的文本旁边，同时出现在文本下面。
为了让它出现在文本下面，我在html中插入了一个#insertimage，但我不确定我是否正确地插入了它，因为它最终覆盖了最后列出的项，或者如果我在开头插入它，它将覆盖最后列出的项。
因此，我在这里使用了模板函数，并将其修改为我的JSFiddle：
如何实现这一目标？我需要跟踪列表的位置吗？我该怎么做呢？
function pr
浏览 0提问于2017-10-31得票数 0
ie6错误的本质(下拉条目必须通过隐藏溢出来截断，以防止ie不正确地展开而不是充当溢出:可见)可以在下面的屏幕截图中看到它的当前(hacky)形式，并在站点上看到。
错误(ie6)：
右(FF，IE8，Chrome)：
菜单项应显示：
UsResellersSupportDesigner Contact
但是，由于我无法获得溢出:可见的工作或其他模拟它，部分下拉菜单被切断。目前，IE6特定样式表中的css是：
#zd-nav {
padding-left:0;
margin-left:0;
background-color:transparent;
}
#zd-nav .zd
浏览 8提问于2009-10-27得票数 0
回答已采纳
1回答
我试图从不推荐的setHasOptionsMenu()/onCreateOptionsMenu()方法迁移到新的addMenuProvider()/onCreateMenu()方法，以便从片段中显示选项菜单。使用新的API，在两个实现MenuProvider的片段之间导航时，操作栏中的图标会有一个难看的延迟/闪烁。
我假设这是由异步生命周期回调引起的:新片段的菜单可能是在旧片段的Lifecycle.Event.ON_DESTROY事件触发删除旧菜单项之前膨胀和添加的，这导致了两个菜单同时活动的短暂时刻。然而，我不知道如何避免这种行为。我尝试在每个片段中从removeMenuProvider()
浏览 11提问于2022-08-24得票数 2
回答已采纳
2回答
我想知道是否只有HTML/CSS才能检测到(或者至少用伪类显示/隐藏一些元素等等)。在元素内容溢出时(仅垂直)采取行动。是的，我知道这是可以做到的，我知道如何做(我不需要JS的例子，请)，我只是想知道是否有一个聪明的方法，没有任何javascript。
我想展示一个“更.”按钮，该按钮只有在溢出时才会出现，并在可能的情况下尝试在没有JS的情况下实现此功能。
浏览 2提问于2011-08-21得票数 1
回答已采纳
2回答
内联样式不会覆盖
、、、、
这段代码非常新鲜，所以请原谅我的无知:)
我试图从这个Wordpress主题中删除一些内联样式，据我所知，它覆盖了任何外部CSS文件。
当我‘检查元素’时，我得到以下信息，并将hidden更改为右边的visible确实有效。但是通常情况下，它会像style.css:202或者任何需要更改的CSS行一样，这就是我通常所做的。这一次，它显然是说，element.style {和我可以看到style="overflow: hidden;在左手边(突出显示)。
，我要怎么做才能使溢出可见呢？
我已经添加了以下自定义css，但它只是通过溢出而不改变任何内容：
.slides_container
浏览 3提问于2013-12-05得票数 1
2回答
我正在修改一些JSP文件，每次我上传一个新版本时，如果人们不更新缓存，这些样式就不会按应有的方式呈现；它看起来不太好，而且没有应用样式。
为了解决这个问题，我遵循了Stack溢出中的一个示例，它向CSS文件添加了一个数值，防止它被缓存在浏览器中。我看到的具体联系是这个：
但我发现，每当我按F5或导航到其他应用相同样式表的JSP时，都会在呈现之前看到作为该CSS文件一部分的文件。我添加了一个GIF和一个虚拟的例子来展示我的意思：
我怎么能避免这种情况？
浏览 15提问于2022-11-29得票数 1
1回答
。在左边我有一个播放列表，在一个隐藏溢出的容器中(播放列表是一个可排序的)。随着您将更多歌曲从搜索列表拖放到播放列表中，播放列表也会随之增长。
问题是，当您将许多歌曲拖动到播放列表中，并且播放列表大于容器时，就会出现这样一种情况:我可以通过将项目拖动到隐藏区域来对播放列表进行排序。换句话说，我可以将一首歌曲从播放列表拖到容器下的某个区域(播放列表的不可见部分所在的位置)，这首歌仍然会被插入到列表中。
这是一个截图：
浏览 1提问于2011-01-22得票数 1
我已经研究过了，我对这个问题毫无进展。我使用的CSS样式和HTML模板的网站，他们有一个导航条在左手边。我想要添加很多链接到这个导航栏，所以我添加了一个溢出:滚动；组件。
现在，不幸的是，我有一个相当丑陋的滚动条在中间的网站。我试过将其更改为“隐藏”，但这样可以防止所有的滚动。我试图改变滚动条的颜色，以配合网站，但我并没有真正取得任何进展。守则如下：
aside#sidebar {
width:250px;
position: fixed;
height:100%;
overflow: scroll;
}
如果我拿出“职位:固定；”的酒吧占据其余的网页，并没有正
浏览 7提问于2015-01-04得票数 2
回答已采纳
1回答
我把这个网站放在一起：
基于这个模板-
我遇到的问题是，页面的右侧有一个空白。
我试过了
body {
height: 100%;
width: 100%;
overflow-x: hidden;
}
这修复了空白问题，但是，溢出-x:隐藏；行打破了导航栏的前后行为，导致页面下的fa图标不显示。
在控制页面正文的溢出-x的同时，我可以同时拥有导航条和fa图标的功能吗？
或者我还能在CSS中做些什么来解决这个问题呢？
我对CSS中的父级子动态不太了解，除了溢出-x之外，是否还有什么原因导致了右边的空白？
我见过几次这个问题，但没有像我这样的肚脐。我认为这将有助于其他人回答这些问题，
浏览 2提问于2017-04-06得票数 0
回答已采纳
1回答
我正在研究。为什么我不能从.drop-down框中显示/溢出.item？我必须保留.item自动的高度，但无法启用可见的溢出。
.item{
background:khaki;
display: run-in;
width: 100%;
height: auto !important;
overflow: visible !important;
padding-top:20px;
padding-bottom:20px;
}
.dropdown-menu {
z-index: 9999999999999
浏览 0提问于2018-06-20得票数 1
回答已采纳
站点www.sterlingfoundations.com在Google Chrome上存在间歇性溢出问题。有时需要重新加载三次才能看到问题，但它会将导航(当前的id=“包装器”)下的所有内容推入一个在左边距带有滚动条的窄栏中(在站点的所有页面上都会发生这种情况)。default.css给了“包装器”一个溢出: auto。删除"default.css“文件时，字体为默认值，但布局问题已解决。所以我认为这与“包装器”中的CSS溢出有关。
我注意到的一件事是，导航栏看起来像是挤压了“私人基金会”和“金融专业人士”等较长的短语，并在出现问题时强制它们换行为两行。不确定这是否相关。有什么想法吗
浏览 0提问于2013-04-24得票数 0
1回答
我有一个只应该垂直滚动的DIV。我希望在这个DIV中有一个水平溢出的元素，而不会被裁剪。这是预期的效果：
我认为，如果我只指定overflow-y:scroll，它只会裁剪垂直溢出。然而，我错了，这才是真正发生的事：
CSS:
ol {
border: 1px solid red;
overflow-y: scroll;
height: 20em;
width: 7em;
}
JSFiddle:
浏览 2提问于2013-03-15得票数 6
我有一个用于实体框架对象的ApiController。在GET请求中，我试图返回的特定对象几乎有十几个导航属性。
当我返回EF对象列表时，它会序列化all导航属性，这会导致序列化对象所花费的时间非常长，
public IEnumerable<EFObject> Get()
{
IEnumerable<EFObject> EFObjects=
db.EFObject;
return EFObject;
}
如何防止MVC序列化这些导航属性？
我试过，但它没有起作用。
浏览 5提问于2013-02-21得票数 1
回答已采纳
3回答
对于一个具有“独特”设计的iphone项目(我对此一点也不满意)，我需要绘制一个自定义视图，该视图部分地覆盖了UINavigationController中控制器的导航栏。目标是具有固定设备方向的iphone/ios 6(纵向)。
我当前的解决方案是通过控制器viewDidLoad中的self.navigationController.navigationBar.hidden = YES;以编程方式禁用导航栏，然后绘制一个“伪”导航栏并在其上进行绘制。这会导致状态栏颜色保持为黑色的问题(因为看不到真正的导航栏)。IOS6状态栏颜色在这里讨论：
我已经尝试过使用[self.view insert
浏览 2提问于2013-01-02得票数 1
回答已采纳
2回答
如果元素具有overflow: auto或overflow: scroll，并且其内容溢出，则会显示滚动条...但仅当内容溢出到右侧或底部时。
如果内容向左溢出或从顶部溢出，overflow是否可以应用滚动条？
浏览 1提问于2011-09-24得票数 0
回答已采纳
1回答
我有一个导航菜单，可以使用css媒体查询进行响应。当导航处于桌面/笔记本电脑视图中时，整个菜单都可以正常工作。导航标签被放置在笔记本电脑桌面视图的图像下，这是我想要的方式，但当它在移动视图中时，我需要导航标签和里面的一切被放置在一个img左右。我已经有一个css媒体查询设置与一些其他样式在它，但我认为我需要一个javascript来做我想要的。
希望有人能帮上忙
谢谢
浏览 1提问于2015-10-07得票数 0
1回答
我尝试使用一个活动多片段模式来制作一个应用程序。我使用底部导航视图来处理导航架构组件的导航。在其中一个片段中，我有一个Recyclerview，它显示自定义卡片的列表。在项目上点击它导航到另一个片段，在那里我需要隐藏底部导航视图。 当我向后导航并将底部导航视图再次设置为可见时，问题出现了。该栏似乎分两步出现，给人一种滞后的感觉。(first time只显示底部导航视图的60% )。 该行为似乎与状态栏相关。当我将主题更改为全屏或设置为windowTranslucentStatus=true时，一切都正常。另外，第一次出现的导航栏看起来正好24dp更小，这就是状态栏的尺寸。 你知道我能做什么吗
浏览 28提问于2019-04-19得票数 1
回答已采纳
我有个外型
overflow: hidden;
(这是我的框架给出的)，我试图在特定情况下通过提供一个更具体的CSS规则来覆盖它。
overflow-y: visible;
然而，结果(FF和Chrome)是溢出-y被计算为“自动”，这似乎导致“滚动”。所以会出现一个滚动条。
<div id="big" class="hider">
<div id="long"></div>
</div>
.hider {
overflow: hidden;
}
/* this should overri
浏览 0提问于2015-09-17得票数 0
回答已采纳
4回答
有没有办法在display中使用-webkit-transition
我正在使用CSS display隐藏和显示导航二级…。但只有:hover上的display: none和display: block才是一点不性感的…像-webkit-transition: display 300ms ease-in;这样的ease就更好了。
我知道使用jQuery很容易做到这一点，但我目前正在尝试使用CSS3设置所有内容(我知道:并不是所有的浏览器都支持它，但这与我目前正在处理的这个项目无关)
下面是一些代码和结构：( li.menu1有一个带有section.nav-menu1 {display: bl
浏览 1提问于2010-11-15得票数 19
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
