Css 谷歌浏览器错误-溢出：自动滚动不'；行不通

这是我的Chrome网站，文本在框外运行：

在这里

这是相关的CSS

.section
{
height: 1000px;
width: 670px;
border: thick solid rgb(51,97,120);
border-radius: 15px;
text-align: center;
padding: 0px;
background-image: url(Images/diag_pattern.png);
background-color: rgb(255,255,255);
overflow:auto;
white-space:nowrap;
text-overflow:ellipses;
}

---

很烦人？有什么我能做的吗。显示我的结果的另一种方式？

您需要编辑

部分

和

文本区域

类：

.section {
    height: 1000px;
    width: 670px;
    border: thick solid rgb(51, 97, 120);
    border-radius: 15px;
    text-align: center;
    padding: 0px;
    background-image: url(Images/diag_pattern.png);
    background-color: rgb(255, 255, 255);
    overflow-y: hidden;      /* ---- Make this hidden */
    white-space: nowrap;
    text-overflow: ellipsis;
}
.textarea {
    height: 1000px;
    width: 650;
    padding-right: 20px;
    padding-left: 20px;
    list-style: none;
    overflow-y: scroll;      /* ---- Then make this scrollable */
}

---

请制作一个演示来说明这个问题。它应该是“文本溢出：省略号”；是的，一把小提琴会使调试更容易；）请将所有相关的HTML和CSS发布到一个页面中，这有帮助吗？相关CSS已发布。实际页面是www.biketurtle.co/search。只需在“Antrim”中搜索1000以下的自行车，您将获得与屏幕截图相同的结果。在

http://www.biketurtle.co/search.php

似乎没有奇怪的影响。仍然在.IE中工作，而不是在Chrome中。@COOLBEANS-我已经对我的答案进行了编辑。如果有帮助，请告诉我。我向你致敬，先生：-）到底发生了什么事？太棒了：）基本上，你是想让你的

部分

类滚动，尽管它没有包含任何内容。包含内容的类是

textarea

，因此，它必须具有

scroll

的样式。因此，我们需要隐藏父对象的溢出，并使子对象在其中滚动：）我想知道IE是如何使它在这种情况下工作的？真的不应该，是吗？