overflow相关内容

Div高度100%,并展开以适合内容

我的页面上有一个div元素,其高度设置为100%。主体的高度也设置为100%。内部div有一个背景,所有这一切都不同于身体背景。这是为了使div的高度100%的浏览器屏幕高度,但问题是我有内部的div,垂直扩展超出浏览器的屏幕高度。当我向下滚动时,div在你不得不开始滚动页面的那一点结束,但是内容溢出。 这里是我的CSS的简化: body { height:100%; back ..
发布时间:2017-01-18 17:34:13 前端开发

IE8 overflow:auto with max-height

我有一个元素可能包含非常大量的数据,但我不想破坏页面布局,所以我设置 max-height:100px 和 overflow:auto ,希望在内容不合适时显示滚动条。 在Firefox和IE7中都可以正常工作,但IE8的行为与 overflow:hidden code> overflow:auto 。 我试过 overflow:scroll ,仍然没有帮助,IE8简单地截断内容而不显 ..
发布时间:2017-01-18 17:30:40 前端开发

CSS:如何有位置:绝对div在一个位置:相对div不被裁剪由溢出:隐藏在容器上

我有3个等级 div : 绿色以下)顶层 div 与 overflow:hidden 。这是因为我想要该框内的一些内容(此处未显示)超过了框的大小时才会裁剪。 (下面红色) Inside这,我有 div 与 position:relative 。 最后一个 div 我从 position:absolute 中取出流程,但是我想要相对于红色 div 页面)。 我想让蓝色框从流中移出,并 ..
发布时间:2017-01-18 17:28:50 前端开发

HTML / CSS hack允许overflow-x:auto& overflow-y:visible?

我有一个400px x 400px的div,我想垂直滚动。所以我设置overflow-y:auto。但偶尔,我想要div内的内容overflow-x:visible。 这不行。我认为这是因为如果其中一个可见,您不能设置不同的溢出值。 True? 否则,有没有一个体面的css / js修复这个?我注意到流程应用程序附加一个计算,绝对位置div的身体,当这样的情况发生时: http: ..
发布时间:2017-01-18 17:08:40 前端开发

水平滚动在DIV与许多小DIV的里面(没有文本)

目标 我有一个固定高度和宽度的主DIV,我想要有很多小DIV可以自由浮动。我有更多的小DIV的可以适合在主DIV。然后看起来默认情况下是消失小DIV的下以外的主DIV。我想让它们向右消失。 我想触发一个水平滚动条,但没有垂直。 背景 我用 white-space:nowrap ,如 http://www.webmasterworld.com/forum83/8844.htm ..
发布时间:2017-01-18 16:49:45 前端开发

使用jQuery来检测容器溢出?

我看到这个问题,但觉得必须有一个“更清洁“的jQuery方法。我甚至不知道这是否真的在所有情况下都工作。有没有办法让jQuery确定一个容器是否溢出没有比较维? 为了说明,是否有一个方法来测试CSS属性 overflow:hidden 已经踢入并正在隐藏内容? 解决方案 $。fn.hasOverflow = function(){ var $ this = $(this); ..
发布时间:2017-01-18 15:07:35 前端开发

位置绝对和溢出隐藏

我们有两个DIV,一个嵌入另一个。如果外部DIV不是绝对位置,则位于绝对位置的内部DIV不遵守外部DIV的溢出隐藏(示例)。 有可能使内部DIV服从外部DIV的溢出隐藏,而不将外部DIV设置为绝对位置我们完整的布局)? 对于我们内部DIV的位置相对位置也不是一个选项,因为我们需要“展开”一个表TD( exmple )。 有没有其他选择? 解决方案 外部 到 pos ..
发布时间:2017-01-18 14:55:09 前端开发

使子项在overflow:hidden parent之外可见

在CSS中,在父容器上设置 overflow:hidden ,以允许它扩展其浮动子项的高度。 但与 margin:auto ... 如果PREVIOUS同级是一个浮动元素,它实际上会出现并列。也就是说,如果兄弟节点是 float:left ,那么具有 float:none overflow:hidden 的兄弟姐妹,没有换行 - 就好像它是在正常的流动漂浮。如果前面的兄弟节点是 flo ..
发布时间:2017-01-18 13:37:30 前端开发

可以溢出:隐藏影响布局?

除了引用以下 JS Fiddle的示例,我无法解释这一点 - 在其中,最后一个BLUE框不会扩展到100%的宽度,因为我引入了一个overflow:hidden属性。 我在印象下溢出:隐藏将仅影响可见性方面,而不会干扰布局。 编辑: 这个问题似乎仅限于webkit浏览器(例如Chrome) 解决方案 这是因为 overflow:hidden 新的 阻止格式化上下文。 您 ..
发布时间:2017-01-18 13:24:44 前端开发

CSS - 溢出:滚动; - 始终显示垂直滚动条?

所以目前我有: #div { position:relative; height:510px; overflow-y:scroll; } 但是我不相信一些用户会明白是更内容那里。他们可以向下滚动页面,而不知道我的div实际上包含更多的内容。我使用高度510px,以便它截断一些文本,所以在一些页面它看起来像有更多的内容,但这并不适用于所有的人。 我 ..
发布时间:2017-01-18 12:21:18 前端开发

CSS overflow:隐藏与浮动

我在w3schools上阅读了下面的代码,不明白overflow属性会如何影响文本是否出现在“ul”的右边。 ul { list-style-type:none; margin:0; padding:0; overflow:hidden; } li { float:left; ..
发布时间:2017-01-18 11:42:59 前端开发

javascript css检查溢出

检测一个元素是否溢出是什么的简单方法? 我的用例是,我想限制某个内容框的高度为300px 。如果内容比这高,我用溢出切掉它。但是如果它溢出,我想显示一个“更多”按钮,但如果不是我不想显示该按钮。 有一个简单的方法来检测溢出,还是有更好的方法?谢谢。 解决方案 如果DOM元素溢出,此函数将返回布尔值: function isOverflowed(element){ re ..
发布时间:2017-01-18 11:37:39 前端开发

Overflow-x:hidden不会阻止内容在移动浏览器中溢出

我有一个网站这里。 在桌面浏览器,黑色菜单栏只适当地延伸到窗口的边缘,因为 body 有 overflow-x:hidden 。 在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全宽,从而在页面右侧显示空格。据我所知,这个空格甚至不是 html 或 body 标签的一部分。 即使我在 中将视口设置为特定宽度: ..
发布时间:2017-01-18 11:34:24 前端开发

IE6 + IE7 CSS问题与overflow:hidden; - position:relative;组合

所以我为一个主页创建了一个滑块,使用jQuery来滑动一些带有标题和前导文字的图片。一切工作正常,我去检查IE,发现IE 6和7完全杀死了我的滑块css。我不知道为什么,但由于某种原因,我不能隐藏非活动幻灯片与overflow:hidden;我已经尝试来回调整css,但是没能找出导致问题的原因。 我已经在更孤立的html page。 ..

如何在HTML表格上显示滚动条

我正在写一个页面,我需要一个html表来保持一个集合的大小。我需要在表的顶部的头始终保持在那里,但我还需要表的主体滚动,无论多少行添加到表。 我想让它看起来像这个网址中的方法2: http://www.cssplay.co.uk/menu/tablescroll.html 我尝试过这样做但不显示滚动条: ..
发布时间:2017-01-18 10:42:57 前端开发

为什么CSS2.1定义溢出值而不是“可见”建立一个新的块格式化上下文?

CSS2.1规范要求溢出除可见之外建立新的“块格式化上下文”。这让我很奇怪,一个属性,其显而易见的目的是隐藏溢出而不影响布局,实际上会影响布局的主要方式。 看起来像溢出值其他 visible 组合两个完全不相关的特性:是否创建了BFC以及溢出是否被隐藏。它不像“overflow:hidden”没有BFC是完全没有意义,因为浮动历史上可以溢出他们的父元素,隐藏溢出而不更改布局似乎明智。 ..
发布时间:2017-01-18 10:05:22 前端开发