Html Microsoft Edge显示空白,而chrome/Internet explorer不显示空白

Html Microsoft Edge显示空白,而chrome/Internet explorer不显示空白,html,css,asp.net,google-chrome,microsoft-edge,Html,Css,Asp.net,Google Chrome,Microsoft Edge,对于一个学校项目,我们一直在开发一个使用时间表的网站,尽管没有必要,但我希望它能在所有浏览器上运行。当我在MicrosoftEdge上打开页面时,我的“Thead”(table head)元素(如下所示)在底部出现了一个巨大的空白。图片供参考 左:Chrome右:Microsoft Edge 这是用于此部分的CSS .fixed_header thead tr { display: block; width: 100%; } .fixed_header thead {

对于一个学校项目,我们一直在开发一个使用时间表的网站,尽管没有必要,但我希望它能在所有浏览器上运行。当我在MicrosoftEdge上打开页面时,我的“Thead”(table head)元素(如下所示)在底部出现了一个巨大的空白。图片供参考

左:Chrome右:Microsoft Edge

这是用于此部分的CSS

.fixed_header thead tr {
    display: block;
    width: 100%;
}

.fixed_header thead {
    color: #fff;
    width: 100%;
}
这是CShtml部分出错的地方

   <thead>
        <tr>
            <th><a>Week: @(ViewData["weeks"])</a></th>
            @{string[] days = { "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" };}

            @for (int i = 0; i < days.Length; i++)
            {
        <th>
            @(days[i]) <a >@Html.Action("ReturnDateOfWeek", "Application", new { year = DateTime.Now.Year, weekOfYear = ViewData["weeks"], DayOfWeek = i }) </a>
        </th>
            }
        </tr>
    </thead>

thead元素的计算样式


您的循环看起来像是在生成混乱的HTML。。例如,似乎要关闭th两次,而不是关闭每行上的行

应该是:

<thead>
 <tr>
   <th>
    Stuff here
   </th>
 </tr>

 <tr>
   <th>
     Another Row
   </th>
 </tr>
</thead>



这里的东西
另一排

您的循环看起来像是在生成混乱的HTML。。例如,似乎要关闭th两次,而不是关闭每行上的行

应该是:

<thead>
 <tr>
   <th>
    Stuff here
   </th>
 </tr>

 <tr>
   <th>
     Another Row
   </th>
 </tr>
</thead>



这里的东西
另一排

您可以发布整个表格的代码吗?还有你在DevTools中看到的输出代码。使用开发工具中的Inspect元素,看看是什么占据了所有的空间,也许它继承了一个不同的属性,比如margin或其他东西。我用你的代码创建了一个示例,结果,似乎一切都很好。请尝试使用F12开发工具检查HTML元素和CSS样式,表格元素是否包含正确的格式?是否有任何其他CSS样式可能导致此问题?您使用的是哪一版本的Microsoft Edge浏览器?尝试清除缓存并重新检查网页。如果仍然不起作用,你能发布足够的代码来重现这个问题吗?我添加了一些计算css结果的图片,现在正在查看它们。谢谢你的建议,我确实有一个更新等待我今天晚些时候下载。清除缓存不起作用。@编码器,无法使用屏幕截图重现问题,您是否可以发布足够的代码(而不是屏幕截图)来重现问题,如中所示,您也可以使用,或者,您还可以创建一个关于此部分的类似应用程序并共享相关代码。您是否可以发布整个表的代码?还有你在DevTools中看到的输出代码。使用开发工具中的Inspect元素,看看是什么占据了所有的空间,也许它继承了一个不同的属性,比如margin或其他东西。我用你的代码创建了一个示例,结果,似乎一切都很好。请尝试使用F12开发工具检查HTML元素和CSS样式,表格元素是否包含正确的格式?是否有任何其他CSS样式可能导致此问题?您使用的是哪一版本的Microsoft Edge浏览器?尝试清除缓存并重新检查网页。如果仍然不起作用,你能发布足够的代码来重现这个问题吗?我添加了一些计算css结果的图片,现在正在查看它们。谢谢你的建议,我确实有一个更新等待我今天晚些时候下载。清除缓存不起作用。@编码器,无法使用屏幕截图重现问题,您是否可以发布足够的代码(而不是屏幕截图)以重现问题,您也可以使用,或者,您也可以创建一个关于此部分的类似应用程序并共享相关代码。我似乎也找不到您所引用的内容。我创建Thead,它是样式,然后我创建一个,它是最上面的一行。我似乎也找不到你指的是什么。我创建Thead,它是样式,然后我创建一个,它是最上面的一行。哪个有8个