我有水平滚动的容器并在里面打开了下拉菜单(position:absolute)。我希望打开的下拉菜单垂直溢出这个容器。overflow-y:visible不起作用,容器仍然可以垂直滚动。这是一个简化的例子:http://jsfiddle.net/matcygan/4rbvewn8/7/HTMLDropdowntoggleOpeneddropdownlistCSS.container{width:200px;overflow-x:scroll;overflow-y:visible;}.container>div{width:300px;}.dd-toggle{position:relat
我有水平滚动的容器并在里面打开了下拉菜单(position:absolute)。我希望打开的下拉菜单垂直溢出这个容器。overflow-y:visible不起作用,容器仍然可以垂直滚动。这是一个简化的例子:http://jsfiddle.net/matcygan/4rbvewn8/7/HTMLDropdowntoggleOpeneddropdownlistCSS.container{width:200px;overflow-x:scroll;overflow-y:visible;}.container>div{width:300px;}.dd-toggle{position:relat
我对bootstrap中的媒体类有一些疑问。为什么bootstrap中的.media-body类的宽度为10,000px?为什么他们使用display:table-cell而不是display:block?为什么overflow:hidden和zoom:1用于.media类?为什么带有.media-body的div实际上不采用10,000px宽度?如果.media类中没有使用overflow:hidden和zoom:1会发生什么情况?至于我的努力,我删除了overflow、zoom和10,000px宽度,没有发现任何差异。 最佳答案
我对bootstrap中的媒体类有一些疑问。为什么bootstrap中的.media-body类的宽度为10,000px?为什么他们使用display:table-cell而不是display:block?为什么overflow:hidden和zoom:1用于.media类?为什么带有.media-body的div实际上不采用10,000px宽度?如果.media类中没有使用overflow:hidden和zoom:1会发生什么情况?至于我的努力,我删除了overflow、zoom和10,000px宽度,没有发现任何差异。 最佳答案
我有一个包含其他几个div的DIV。我需要div能够垂直而非水平地从父对象中窥视。我认为使用overflow-x和overflow-y可以解决这个小问题,但我只能显示x和y,或者同时显示它们隐藏。我的CSS和HTML:.game{position:absolute;width:400px;height:300px;top:100px;left:100px;background-color:#cccccc;overflow-x:hidden;overflow-y:visible;}.block1{position:absolute;width:100px;height:100px;top
我有一个包含其他几个div的DIV。我需要div能够垂直而非水平地从父对象中窥视。我认为使用overflow-x和overflow-y可以解决这个小问题,但我只能显示x和y,或者同时显示它们隐藏。我的CSS和HTML:.game{position:absolute;width:400px;height:300px;top:100px;left:100px;background-color:#cccccc;overflow-x:hidden;overflow-y:visible;}.block1{position:absolute;width:100px;height:100px;top
我正在开发一个带有博客部分的网站。我需要这个部分有一个固定的高度。为了能够看到博客中的所有帖子,我添加了一个overflow:auto,以便在需要时显示滚动条。Thisisalongpost....Thisisalongpost....Thisisalongpost....................#container{overflow:hidden;}#content{height:200px;overflow:auto;border:1pxsolidred;}.post{margin:20px0;}我在Chrome、Firefox和IE上对此进行了测试。Firefox和IE上
我正在开发一个带有博客部分的网站。我需要这个部分有一个固定的高度。为了能够看到博客中的所有帖子,我添加了一个overflow:auto,以便在需要时显示滚动条。Thisisalongpost....Thisisalongpost....Thisisalongpost....................#container{overflow:hidden;}#content{height:200px;overflow:auto;border:1pxsolidred;}.post{margin:20px0;}我在Chrome、Firefox和IE上对此进行了测试。Firefox和IE上
我不确定标题是否清楚,所以解释不多。我有一些小元素,比方说div的(200pxx400pxCONSTANT)。在他们每个人的里面,都有一个段落,大约有20行文字。当然,这对一个可怜的小div来说太重要了。我想做的是:通常div有overflow:hidden属性。在鼠标悬停(:hover)时,此属性更改为overflow:auto;,并出现滚动条。问题是什么?我想要段落文本和滚动条之间有一点空间(填充或边距)。假设该段落有一个对称的margin:20px;。但是在:hover触发后,滚动条出现了,整个段落的右侧向左移动了"scrollbar-width"px。其他行断句,整个段落看起来
我不确定标题是否清楚,所以解释不多。我有一些小元素,比方说div的(200pxx400pxCONSTANT)。在他们每个人的里面,都有一个段落,大约有20行文字。当然,这对一个可怜的小div来说太重要了。我想做的是:通常div有overflow:hidden属性。在鼠标悬停(:hover)时,此属性更改为overflow:auto;,并出现滚动条。问题是什么?我想要段落文本和滚动条之间有一点空间(填充或边距)。假设该段落有一个对称的margin:20px;。但是在:hover触发后,滚动条出现了,整个段落的右侧向左移动了"scrollbar-width"px。其他行断句,整个段落看起来