Google Chrome错误 - 溢出：auto |滚动不工作 [英] Google Chrome Bug - Overflow:auto | scroll doesn't work

问题描述

这是我的网站在Chrome，他的文字在框外：

Here's my site in Chrome with he text running outside the box:

这里是.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;
}

很烦人？有什么我能做的。

Very annoying? Is there anything I can do. An alternative way to show my results?

推荐答案

您需要同时编辑部分和 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 */
}

这篇关于Google Chrome错误 - 溢出：auto |滚动不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！