Google Chrome 错误 - 溢出：自动 |滚动不起作用

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

这是在 .IE 中没有问题

这是相关的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 and textarea课程：

.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 */
}