一些CSS樣式升級到Chrome瀏覽器60+

.tbodyBugHeight { 
 
    height: 100%; 
 
} 
 
.tbodyBugHeight .tdBugHeight { 
 
    height: 100%; 
 
} 
 
.tbodyBugHeight .tdBugHeight .firstBlock { 
 
    height: 100%; 
 
    width: 100px; 
 
    overflow-y: scroll; 
 
    border: 1px solid green; 
 
} 
 
.tbodyBugHeight .secondBlock { 
 
    height: 100px; 
 
    width: 100px; 
 
    border: 1px solid red; 
 
}

<table> 
 
    <tbody class="tbodyBugHeight"> 
 
    <tr> 
 
     <td class="tdBugHeight"> 
 
     <div class="firstBlock">This text is hidden in Chrome 60</div> 
 
     </td> 
 
     <td> 
 
     <div class="secondBlock"></div> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

此代碼工作正常後，工作方式不同（.firstBlock有100px高度，其中y滾動）在Chrome（IUM）59，火狐等，但更新後的Chrome 60，height: 100%（0到100之間的任何百分比高度值）在兒童中不適用於div height:100%; overflow-y: scroll;。

爲什麼可以出現？這是一個鉻60錯誤？如何解決它？

來源

2017-08-01 MixerOID

備註：在鉻61中，當前獲得的結果與您在鉻60中顯示的結果相同。 – Sirko

是否將您的問題發佈到chomium？我有同樣的問題，我會明白這個問題 –

@TimTJeyJun鉻60 +太鉻鉻 – MixerOID

我有同樣的問題，我的解決方案是：設置高度div，如height: 20px;。如果內容的高度比父級高，那麼它的高度就越高。

來源

2017-08-01 13:12:47

我的身高是動態的。我不能設置靜態高度:( – MixerOID

我也是））如果在td時高度是靜態的並且內容大於td則沿着高度延伸 –

令人驚訝的是，將任何非百分比高度設置爲'.tdBugHeight'單元格使得100 ％嵌套div工作的高度。而'.tdBugHeight'的實際高度由'tr'中的最高單元格決定，而不管這個值（它的值不會使'.tdBugHeight'本身是最高的單元格）。所以，實際上，即使像'1px'這樣的值也有幫助。提醒我這個：http://www.456bereastreet.com/archive/201306/height_in_percent_when_parent_has_min-height_and_no_height/ –

一些CSS樣式升級到Chrome瀏覽器60+

回答

相關問題