这个问题在这里已经有了答案:CSSoverflow-x:visible;andoverflow-y:hidden;causingscrollbarissue(9个回答)关闭6年前。在Chrome或Firefox中无法正常工作。有什么解决方法吗？overflow-y:visiblewithoverflow-x:hiddenwithoutoverflow-x:hiddenhttp://jsfiddle.net/sMNyK/现实生活场景涉及绝对必须具有overflow-x:hidden的组件，但这将触发需要能够在y方向上脱离元素的弹出菜单。我应该将这些菜单放在它们的父组件之外，还是有更好的解
这个问题在这里已经有了答案:CSSoverflow-x:visible;andoverflow-y:hidden;causingscrollbarissue(9个回答)关闭6年前。在Chrome或Firefox中无法正常工作。有什么解决方法吗？overflow-y:visiblewithoverflow-x:hiddenwithoutoverflow-x:hiddenhttp://jsfiddle.net/sMNyK/现实生活场景涉及绝对必须具有overflow-x:hidden的组件，但这将触发需要能够在y方向上脱离元素的弹出菜单。我应该将这些菜单放在它们的父组件之外，还是有更好的解
参见http://jsfiddle.net/mpx7os95/14/该行为是期望的行为，它允许3列布局中的中心列占用所有可用空间，并且仍然允许其中的文本在缩小到足够大时溢出到省略号中。由于max-width:0，这似乎有效，但为什么会产生这种效果？在这种情况下，max-width:0有什么特别之处？.row{width:100%;display:table;}.col{position:relative;min-height:1px;border:1px#000solid;display:table-cell;}.x{white-space:nowrap;overflow:hidden
参见http://jsfiddle.net/mpx7os95/14/该行为是期望的行为，它允许3列布局中的中心列占用所有可用空间，并且仍然允许其中的文本在缩小到足够大时溢出到省略号中。由于max-width:0，这似乎有效，但为什么会产生这种效果？在这种情况下，max-width:0有什么特别之处？.row{width:100%;display:table;}.col{position:relative;min-height:1px;border:1px#000solid;display:table-cell;}.x{white-space:nowrap;overflow:hidden
当我在盒子上使用overflow-y:auto时，我无法让padding-bottom工作。我使用Firefox。#container{padding:3em;overflow-x:hidden;overflow-y:auto;width:300px;height:300px;background:red;}#some_info{height:900px;background:#000;}参见JSFiddle. 最佳答案 没有额外DIV的另一种解决方案。#container:after{content:"";display:bloc
当我在盒子上使用overflow-y:auto时，我无法让padding-bottom工作。我使用Firefox。#container{padding:3em;overflow-x:hidden;overflow-y:auto;width:300px;height:300px;background:red;}#some_info{height:900px;background:#000;}参见JSFiddle. 最佳答案 没有额外DIV的另一种解决方案。#container:after{content:"";display:bloc
我确定以前有人以某种形式问过这个问题，但我就是找不到答案..我有一些嵌套的divAchild有display:inline-block和overflow:hidden.parent{background-color:red;}.child{background-color:green;display:inline-block;overflow:hidden;}它被渲染成这样:您可以注意到父级比子级高5px。额外的高度从何而来？示例如下:http://jsfiddle.net/w8dfU/编辑:我不想删除display:inline-block或overflow:hidden，这是一个说
我确定以前有人以某种形式问过这个问题，但我就是找不到答案..我有一些嵌套的divAchild有display:inline-block和overflow:hidden.parent{background-color:red;}.child{background-color:green;display:inline-block;overflow:hidden;}它被渲染成这样:您可以注意到父级比子级高5px。额外的高度从何而来？示例如下:http://jsfiddle.net/w8dfU/编辑:我不想删除display:inline-block或overflow:hidden，这是一个说
我想要一个具有水平滚动的id，但问题是它必须响应，而不是固定宽度。html,body{margin:0;padding:0;}#myWorkContent{width:530px;height:210px;border:13pxsolid#bed5cd;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}#myWorkContenta{display:inline-block;vertical-align:middle;}#myWorkContentimg{border:0;}感谢http://jsfiddle.net/cla
我想要一个具有水平滚动的id，但问题是它必须响应，而不是固定宽度。html,body{margin:0;padding:0;}#myWorkContent{width:530px;height:210px;border:13pxsolid#bed5cd;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}#myWorkContenta{display:inline-block;vertical-align:middle;}#myWorkContentimg{border:0;}感谢http://jsfiddle.net/cla
