Question

我正在为div-box的水平溢出属性而苦苦挣扎。该代码不适用于safari＆amp; chrome，但是当我在JSfiddle中输入它时确实有效...

我做错了什么？

提前致谢！

＆＃13;

#box {
    overflow: hidden;
}
#box1 {
    width: 400px;
    height: 400px;
    background: pink;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
}
#box2 {
    width: 180px;
    height: 380px;
    margin: 10px;
    background: black;
    display: inline-block;
}

＆＃13;

<div id="box">
	<div id="box1">
		<div id="box2"></div>
		<div id="box2"></div>
		<div id="box2"></div>
		<div id="box2"></div>
	</div>
</div>

＆＃13;

Answer 1

我真的不明白你的问题，我在chrome，firefox，IE和edge中得到了相同的结果。

<强>第一

#box {
    overflow: hidden;
}

如果你想隐藏盒子，这不起作用。在＃box1上应用此样式，并删除现有的溢出样式。

#box1 {
    overflow: hidden;
}

<强>第二

您有两个元素的溢出属性：

#box {
    overflow: hidden;
}

和

#box1 {
    overflow-x: scroll;
    overflow-y: hidden;
}

也许这会导致问题，删除一个溢出样式并保持其他溢出样式。

溢出属性在JSfiddle中工作但不在chrome / safari上工作

1 个答案: