html页面结束一半并且不滚动

Question

我是html和CSS的新手，它试图构建报告页面以指示显示不同的脚本输出。不幸的是，我的页面仅使用滚动条显示一半，但是我希望输出在不使用滚动条的情况下显示在主页中。如果有人可以提出错误或遗漏的信息，那就太好了。

* {
          margin: 0;
          padding: 0;
}

html {
        background-color: #fff;
        color: #555;
        font-family: 'Lato', 'Arial', sans-serif;
        font-weight: 100;
        font-size: 13px;
        overflow-y: visible;
}


table { border-collapse: collapse; } td { font-family:Verdana; font-size:11; vertical-align:center; } th { height:7px;font-family:Verdana; font-si
ze:11; font-style:bold; background-color:#81DAF5 }


.firstsec {
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        overflow-y: visible;
        max-width: 1140px;
        background-size: 650px;
        background-image: url(Backup_logo.jpg);
        background-position: center;
        height: 20vh;
}

.toptext  {
        border: 0;
        background-color: #5E10B1;
        color: white;
        width: 25%;
        height: 20vh;
        font-size: 14px;
        text-align: center;
        float: right;
}

.logo {
        margin: 5px;
        width: 22%;
        height: 40px;
        float: left;
}

.section {
        margin-left: auto;
        margin-right: auto;
        width: 1140px;
        overflow-y: visible;
        top: 0; right: 0; bottom: 0; left: 0;

Answer 1

overflow属性导致滚动效果。从元素的样式中删除height和overflow属性。