位置：固定使表格单元格延伸到整个屏幕

Question

我的网站上有一张桌子。当我添加position:fixed到表格时，表格的单元格突然延伸到页面的整个高度，即使它们具有设定的高度。正如您在下面的代码中看到的，每个 tr 都有一个设置的高度值，但是当我添加position:fixed到表格时它被忽略，而是单元格获取整个页面的高度，并阻止我访问网站。任何有关如何解决此问题的帮助，同时仍保留该position:fixed属性，将不胜感激。

.center {

            margin:0 auto;

        }

        a{

            text-decoration:none;

            color:red;

        }

        table{

            text-align:center;

            width:30%;

            left:25%;

            

            /*font-size:larger;*/

        }

        

        body{

            background-color:midnightblue;

            color:snow;

            white-space:nowrap;

        }

        .Error{

            color:red;

        }

        .divSargel{

            width:initial;

            background-color:snow;

            border: solid;

    border-color: #000080;

    float: left;

    margin-left: 0.3%;

    color: red;

    font-size:x-large;

    font-family:monospace;

    border-radius: 20px;

    text-align: center;

    width:100%;

        }

        .divSargel:hover {

        background-color: blue;

        transition: linear 0.5s;

        

    }

Answer 1

尝试height根据需要设置表格并将其标记为重要，例如table{  height : 150px !important; }