我在嘗試使用colgroup和col標簽對我的一個寬 html 表的最后兩列進行樣式設置時遇到了一個奇怪的問題。哪些瀏覽器：我在 2 個基于 chromium 的瀏覽器（google chrome 和 opera）上進行了測試，問題仍然存在。但在 Mozilla Firefox 上測試時，根本不存在問題。問題：經過大約一個小時的調試后，我設法解決了該問題，但我能夠在原始 html 文檔中重現該問題。可以在https://affectionate-lamport-fa8d14.netlify.app上查看完整內容，也可以在下面查看最小復制內容：table, td, tr, th, {  white-space: nowrap;  font-size: inherit;  font-size: 25px;}th, td {  padding: 10px 22px;  border: 1px solid black;}body {  font-size: 25px;}table {  width: 100%;}.wrap {  overflow: auto;  display: flex;  flex-direction: column;}.bg-warning {  background-color: orange;}正如您所看到的，bg-warning類沒有應用于最后一個表列（具有 2 個 colspan），問題僅在 chromium 瀏覽器中出現，如上所述。發生了什么事，解決方法是什么：當一個寬的tablewithwidth: 100%位于aflex-column和scroll autodiv內時，它的寬度受限于屏幕尺寸，即使渲染了整個表格并且在滾動時我們可以看到整個表格。這個問題通常不明顯，但如果我嘗試將一些 css 樣式/類應用到最后兩列，如下所示：<colgroup>   <col span="20">   <col span="2" class="bg-warning">   </colgroup>它們不會被應用，如果我將widthcss 屬性table從100%fromfit-content更改為 ，我的樣式就會應用。（這里是演示頁面的 gif 解釋：https://gifyu.com/image/luCZ）不過，這個問題還有更多，只是為了完整性而將其添加到此處，主要問題如上所述，滾動上應用了一個奇怪的部分 CSS 樣式，我無法在我的再現 HTML 演示中重新生成該樣式。它也會消失，請參閱下面的 gif 來了解一些內容。這是 gif：https: //gifyu.com/image/luFZ問題：對于此行為是否有一個眾所周知的解釋，它確實看起來像一個錯誤，如果它是一個錯誤，請確認并指導我在哪里報告此錯誤，如果它實際上是一個錯誤而不是一個錯誤，我想自己報告此錯誤某種已知的怪癖。注意：僅回答重新生成的示例就足夠了。