草庐IT

Overflow

全部标签

html - 为什么默认选择的选项不受溢出影响 : hidden?

对于初学者,检查这个fiddle->http://jsfiddle.net/xV4s3/如您所见,我们有一个带有overflow:hidden的包装器,里面有一个带有三个选项和一个ul的原生select样式看起来像一个包含三个元素的选择。现在,当您单击ul时,您可以看到它的高度变化(由于脚本),但是由于,包装器之外的任何东西都看不到溢出:隐藏。并且按预期工作。我的问题是关于默认select的选项,因为我在规范中找不到任何内容。为什么它们不受overflow:hidden的影响? 最佳答案 这可能只是一个实现细节。CSS2.1唯一关于

html - 为什么默认选择的选项不受溢出影响 : hidden?

对于初学者,检查这个fiddle->http://jsfiddle.net/xV4s3/如您所见,我们有一个带有overflow:hidden的包装器,里面有一个带有三个选项和一个ul的原生select样式看起来像一个包含三个元素的选择。现在,当您单击ul时,您可以看到它的高度变化(由于脚本),但是由于,包装器之外的任何东西都看不到溢出:隐藏。并且按预期工作。我的问题是关于默认select的选项,因为我在规范中找不到任何内容。为什么它们不受overflow:hidden的影响? 最佳答案 这可能只是一个实现细节。CSS2.1唯一关于

html - position:relative,溢出:隐藏父级和绝对子级

好的,这是一个例子:http://jsfiddle.net/jGLvk/405/如果将鼠标悬停在9012菜单上,您将切下绝对的下拉子菜单。从其任何父项中删除position:absolute或overflow:hidden:您将拥有正常工作的下拉菜单。“Overflow-y:visible”只会生成一个滚动条而不是显示菜单。请帮帮我!在如此棘手的祖先中,我需要一个常规的superfish下拉菜单。谢谢! 最佳答案 来,看看。我不确定overflow:hidden的用途是什么,但它是否适用于divul而不是div?如果是这样,那就去做

html - position:relative,溢出:隐藏父级和绝对子级

好的,这是一个例子:http://jsfiddle.net/jGLvk/405/如果将鼠标悬停在9012菜单上,您将切下绝对的下拉子菜单。从其任何父项中删除position:absolute或overflow:hidden:您将拥有正常工作的下拉菜单。“Overflow-y:visible”只会生成一个滚动条而不是显示菜单。请帮帮我!在如此棘手的祖先中,我需要一个常规的superfish下拉菜单。谢谢! 最佳答案 来,看看。我不确定overflow:hidden的用途是什么,但它是否适用于divul而不是div?如果是这样,那就去做

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

html - 溢出:自动在 Safari OSX 中不起作用

我有一个Canvas外导航(使用ZurbFoundation)并且我将溢出设置为auto因此如果菜单很长用户可以滚动。它目前在以下浏览器上工作:Chrome火狐互联网浏览器Android浏览器苹果浏览器但不适用于OSX的Safari:它将菜单视为溢出隐藏并且不滚动。这是HTML菜单:HomeAgriculture&NaturalResourcesHome&GardenLawn&GardenTipsGardenQ&APondsTurfgrass&CalendarWeedsInsectsInvasivePlantsWildlifeGoldMedalPlantsFindingArborist

html - 溢出:自动在 Safari OSX 中不起作用

我有一个Canvas外导航(使用ZurbFoundation)并且我将溢出设置为auto因此如果菜单很长用户可以滚动。它目前在以下浏览器上工作:Chrome火狐互联网浏览器Android浏览器苹果浏览器但不适用于OSX的Safari:它将菜单视为溢出隐藏并且不滚动。这是HTML菜单:HomeAgriculture&NaturalResourcesHome&GardenLawn&GardenTipsGardenQ&APondsTurfgrass&CalendarWeedsInsectsInvasivePlantsWildlifeGoldMedalPlantsFindingArborist

html - 正文 { 溢出-x : hidden; } breaks position: sticky

我有一个元素,我正在使用位置粘性设置粘性:#header{position:sticky;width:100vw;top:0;}这很好用,但我意识到如果我使用:body{overflow-x:hidden;}这打破了粘性,我需要将bodyoverflow-x设置为hidden,我该如何解决这个问题,只有CSS解决方案,没有JS解决方案? 最佳答案 将overflow-x属性设置为值clip帮助我实现位置粘性并防止滚动。这里有更多的解释thisarticle 关于html-正文{溢出-x:

html - 正文 { 溢出-x : hidden; } breaks position: sticky

我有一个元素,我正在使用位置粘性设置粘性:#header{position:sticky;width:100vw;top:0;}这很好用,但我意识到如果我使用:body{overflow-x:hidden;}这打破了粘性,我需要将bodyoverflow-x设置为hidden,我该如何解决这个问题,只有CSS解决方案,没有JS解决方案? 最佳答案 将overflow-x属性设置为值clip帮助我实现位置粘性并防止滚动。这里有更多的解释thisarticle 关于html-正文{溢出-x: