我试图让我的最上面的句子 ( <p>geornvgowegnoewpgnerognm</p> ) 隐藏在一个 div 中，我不确定这是否可能，但可以肯定的是 overflow-y style 没有按预期工作，或者我做错了什么。基本上我希望没有滚动条，即使Mozilla我也会得到一个水平滚动条。说它应该水平隐藏内容。我使用的是 Firefox 28 beta，但这应该没关系吧？
这是代码，
<html>
<head>
</head>
<body>
<style type = "text/css">
#div_1
{
overflow-y:hidden;
height: 100px;
width: 100px;
top: 50%;
left: 50%;
background-color: white;
}
body
{
background-color: black;
}
p
{
font-color: blue;
font-size: 20px;
margin: 0 auto;
}
</style>
<div id = "div_1">
<p>geornvgowegnoewpgnerognm</p>
<p>eornvgowegnoewpgnerognm</p>
<p>ornvgowegnoewpgnerognm</p>
<p>rnvgowegnoewpgnerognm</p>
<p>nvgowegnoewpgnerognm</p>
<p>vgowegnoewpgnerognm</p>
<p>gowegnoewpgnerognm</p>
<p>owegnoewpgnerognm</p>
<p>wegnoewpgnerognm</p>
<p>egnoewpgnerognm</p>
<p>gnoewpgnerognm</p>
<p>noewpgnerognm</p>
<p>oewpgnerognm</p>
<p>ewpgnerognm</p>
<p>wpgnerognm</p>
<p>pgnerognm</p>
<p>gnerognm</p>
<p>nerognm</p>
</div>
</body>
</html>
最佳答案
另一种方法是
1) 在视觉上隐藏段落标签。它会在 div 中保留它的空间，就像它在那里一样，只是不可见。
#div_1 p:first-child {visibility: hidden;}
或 2) 从视觉上移除段落标签。它看起来好像不存在，所有其他段落标签将在它的位置上移。
#div_1 p:first-child {display: none;}
关于html - CSS overflow-y 没有像宣传的那样工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21867774/