div中table的寬度超過div的寬度問題

首先注意table的乙個樣式

table

tablelayout 屬性用來設定**單元格、行、列顯示屬性。

table-layout有以下取值：值描述

automatic

預設。列寬度由單元格內容設定

fixed

列寬由**寬度和列寬度設定。

inherit

規定應該從父元素繼承 table-layout 屬性的值。

當遇到table的寬度超過包圍其的div的寬度時，一般要先在瀏覽器檢視元素屬性，嘗試修改、取消觀察樣式變化。就我的實際情況而言，最後發現**的寬度是和**的element.style屬性和單元格內容的寬度屬性有關。這是最關鍵的地方。找到了源頭，問題就不難解決了。

單元格內容的寬度在我這兒容易修改，可是element.style屬性不知是從哪兒引的。在網際網路的幫助下，得知element.style屬性是內聯樣式。用!important 語法優先權可以實現我們想要的效果。

原來是這種樣式：

element .style

寬度太大，想設定自動寬度。如下：

.table

th

這樣問題就解決了。