草庐IT

Overflow-hidden

全部标签

html - 样式 "visibility:hidden"对 <html> 元素意味着什么?

visibility:hidden样式应用于html元素时有何作用?它与滚动条有什么关系,特别是。关于IE7?背景:OracleApex生成此代码,我正在尝试确定它是否会导致IE7中间歇性隐藏的水平滚动条出现问题:html{visibility:hidden;} 最佳答案 规范Accordingtothespec,visibility属性应该仍然影响布局。这对我来说意味着如果元素最终导致滚动行为,它不应该影响滚动。此外,任何设置为visible的子项都应该在hidden元素中可见。观察到的行为使用thisfiddle...Firef

javascript - 如何使用 jQuery 设置 overflow-x?或者 : How to set css-properties with a '-' (dash)?

我想用jQuery设置overflow-xcss属性,但它不起作用:$('.mySelector').css({color:'Red',overflow:'auto',overflow-x:'scroll'});如何设置其中包含“-”(破折号)的属性? 最佳答案 您可以使用驼峰式大小写:$('.mySelector').css({color:'Red',overflow:'auto',overflowX:'scroll'});或引号键:$('.mySelector').css({color:'Red',overflow:'auto'

css - 溢出-x : hidden also hides vertical content too

我有一个400像素宽的DIV,包含两个并排的DIV,每个宽度为400像素,高度为600像素。两个DIV的宽度是固定的,但高度可以变化。我想隐藏第二个DIV并完全显示第一个,在DIV内不滚动。我认为我的解决方案是隐藏overflow-x。这似乎也隐藏了y溢出。这是我的代码:#schools-sub-nav{}#schools-container{width:400px;/*Setthewidthofthevisibleportionofcontenthere*/background-color:fuchsia;position:relative;overflow-x:hidden;}#s

html - 为什么 "overflow-y:hidden"会影响在 x 轴上溢出的元素的可见性?

考虑这个例子:http://jsfiddle.net/treeface/P8JbW/HTML:CSS:#test{position:relative;margin-left:50px;margin-top:50px;border:1pxsolidblack;height:50px;width:50px;overflow-x:visible;overflow-y:hidden;}img{position:absolute;left:-11px;}我期待看到这个:但是我得到了这个:这里好像override了overflow-x属性。这是实际发生的事情吗?假设我必须将overflow-y设置

html - 为什么 overflow hidden 会阻止 float 元素逃离容器?

我在处理网页时遇到的一个常见问题是floatdiv标签爬出它们的容器,如代码片段所示。#wrapper{border:1pxsolidred;}#wrapperdiv{float:left;font-size:3em;}HelloWorld有很多肮脏的方法来解决这个问题(即插入一个div和clear:both)但是,我看到的一个更简洁的解决方案是将包装器div的overflow设置为hidden:#wrapper{border:1pxsolidred;overflow:hidden;}#wrapperdiv{float:left;font-size:3em;}HelloWorld这在浏

html - overflow hidden 的div中的中心图像

我有一个400像素的图像和一个较小的div(宽度并不像我的示例中那样总是300像素)。我想让div中的图片居中,如果溢出就隐藏。注意:我必须保留图像上的position:absolute。我正在使用css-transitions,如果我使用position:relative,我的图像会有点抖动(https://web.archive.org/web/20120528225923/http://ta6.maxplus.be:8888/)。jsfiddlehttp://jsfiddle.net/wjw83/1/ 最佳答案 您应该使容器相

html - 强制元素在溢出 :hidden 之外显示

这可能是在尝试不可能的事情,但我想在overflow:hidden元素之外显示一个元素。我知道这没有任何意义,并且一切正常,但只是想仔细检查一下是否有办法。最好用这段代码描述:.outer{position:fixed;top:30px;left:50px;overflow:hidden;height:30px;width:300px;background:red;}.inner{position:relative;}.show-up{width:100px;height:300px;background:green;position:absolute;left:20px;overfl

html - 哪些浏览器支持 `overflow-y` ?

据我了解,overflow-y是一个CSS3选择器。但是在http://www.findmebyip.com/litmus,它没有显示该选择器,表明我不知道哪些浏览器支持它。首先,overflow-y和overflow-x实际上是CSS3选择器吗?其次,哪些浏览器支持它们? 最佳答案 不,overflow-x和y不是CSS3选择器。它们只是简单的属性,类似于overflow但有方向限制。来自http://reference.sitepoint.com/css/overflowTheCSS3overflow-xandoverflow-

html - Bootstrap 下拉列表被溢出 :hidden container, 截断如何更改容器?

使用Bootstrap,我在div中有一个下拉菜单(s),带有overflow:hidden,需要像这样.这导致下拉菜单被容器剪裁。我的问题是,如何解决这个裁剪问题,例如将我元素中所有下拉菜单的容器更改为body,以尽可能低的成本?这是代码示例:http://jsfiddle.net/0y3rk8xz/ 最佳答案 如果有人对此有兴趣,bootstrapdropdown有一个show.bs.dropdown事件,您可以使用该事件将下拉元素移到overflow:hidden容器之外.$('.dropdown').on('show.bs.

css - 如何使用具有固定位置 div/的 float、clear 和 overflow 元素并排对齐两个 div

所以我一直在尝试将两个div并排对齐而不重叠。我有一个div将固定为侧边栏,右侧的div作为内容。希望有人能帮助我。body{background-color:#444;margin-top:0;margin-bottom:0;}#wrapper{width:1005px;margin:0auto;padding:0;overflow:auto;}#leftcolumn{width:250px;background-color:#111;padding:0;margin:0;display:block;border:1pxsolidwhite;position:fixed;}#righ