在一個html表格中，爲什麼沒有標題寬度改變整個表格的寬度？

看看這個小提琴： http://jsfiddle.net/foreyez/hQ9ZR/在一個html表格中，爲什麼沒有標題寬度改變整個表格的寬度？

<table background='red'> 
<thead> 
    <tr> 
     <th style='width:3000px;background:red'>Students</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Joe</td> 
    </tr> 
    <tr> 
     <td>Shmoe</td> 
    </tr> 
</tbody>

和CSS是：

html,body { overflow:auto; }

當我做頭3000px的寬度，我希望它會導致溢出（滾動條）在頁面中。但事實並非如此。這是因爲標題單元格的寬度不會改變整個表格的寬度。

如果你設置表格的寬度3000px，你會看到溢出（滾動）

所以基本上，我想知道如果有一種方法，使之如此表格的寬度是指由它的標題寬度？

感謝

來源

2012-11-02 foreyez

把一個邊框放在桌子上，你會注意到它的確如此。 –

你在包含元素（div或body）上放置最大寬度嗎？ – thatidiotguy

只是一個說明。添加內聯樣式是一種糟糕的做事方式。當然，它確實得到了這個例子。這些樣式應該位於樣式表中，並且您的表應該獲得類名作爲鉤子。 – sitesbyjoe

這一切首先是沒有辦法的辦法，你的風格表，這些天

<table background='red'>

用這個代替

<table style="background:red;">

其次，您需要使用min-width爲th代替width

My Fiddle

<th style='border: 1px solid #fffff0;min-width:5000px;background:red'>Students</th>

來源

2012-11-02 19:17:10

min-width，ahhh謝謝！你是最好的 – foreyez

@foreyez;）你歡迎 –

在一個html表格中，爲什麼沒有標題寬度改變整個表格的寬度？

回答

相關問題