我在嘗試使用colgroup和col標(biāo)簽對(duì)我的一個(gè)寬 html 表的最后兩列進(jìn)行樣式設(shè)置時(shí)遇到了一個(gè)奇怪的問(wèn)題。哪些瀏覽器：我在 2 個(gè)基于 chromium 的瀏覽器（google chrome 和 opera）上進(jìn)行了測(cè)試，問(wèn)題仍然存在。但在 Mozilla Firefox 上測(cè)試時(shí)，根本不存在問(wèn)題。問(wèn)題：經(jīng)過(guò)大約一個(gè)小時(shí)的調(diào)試后，我設(shè)法解決了該問(wèn)題，但我能夠在原始 html 文檔中重現(xiàn)該問(wèn)題?？梢栽趆ttps://affectionate-lamport-fa8d14.netlify.app上查看完整內(nèi)容，也可以在下面查看最小復(fù)制內(nèi)容：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類沒(méi)有應(yīng)用于最后一個(gè)表列（具有 2 個(gè) colspan），問(wèn)題僅在 chromium 瀏覽器中出現(xiàn)，如上所述。發(fā)生了什么事，解決方法是什么：當(dāng)一個(gè)寬的tablewithwidth: 100%位于aflex-column和scroll autodiv內(nèi)時(shí)，它的寬度受限于屏幕尺寸，即使渲染了整個(gè)表格并且在滾動(dòng)時(shí)我們可以看到整個(gè)表格。這個(gè)問(wèn)題通常不明顯，但如果我嘗試將一些 css 樣式/類應(yīng)用到最后兩列，如下所示：<colgroup>   <col span="20">   <col span="2" class="bg-warning">   </colgroup>它們不會(huì)被應(yīng)用，如果我將widthcss 屬性table從100%fromfit-content更改為 ，我的樣式就會(huì)應(yīng)用。（這里是演示頁(yè)面的 gif 解釋：https://gifyu.com/image/luCZ）不過(guò)，這個(gè)問(wèn)題還有更多，只是為了完整性而將其添加到此處，主要問(wèn)題如上所述，滾動(dòng)上應(yīng)用了一個(gè)奇怪的部分 CSS 樣式，我無(wú)法在我的再現(xiàn) HTML 演示中重新生成該樣式。它也會(huì)消失，請(qǐng)參閱下面的 gif 來(lái)了解一些內(nèi)容。這是 gif：https: //gifyu.com/image/luFZ問(wèn)題：對(duì)于此行為是否有一個(gè)眾所周知的解釋，它確實(shí)看起來(lái)像一個(gè)錯(cuò)誤，如果它是一個(gè)錯(cuò)誤，請(qǐng)確認(rèn)并指導(dǎo)我在哪里報(bào)告此錯(cuò)誤，如果它實(shí)際上是一個(gè)錯(cuò)誤而不是一個(gè)錯(cuò)誤，我想自己報(bào)告此錯(cuò)誤某種已知的怪癖。注意：僅回答重新生成的示例就足夠了。