不同表中的表格單元格寬度不一致

Question

我有三個不同的表格，它們應用了完全相同的樣式規則，但奇怪的是，第二列的寬度隨着每個後續表格而減少。

下面是規則：

#content table { 
    font-size: 0.875em; 
    border-collapse: collapse; 
} 

#content th { 
    font-size: 1.125em; 
    margin-top: 0.5em; 
} 

#content tr { 
    border-bottom: 1px dotted #959da5; 
} 

#content tr:nth-child(even) { 
    background: #dfe5e9; 
} 

#content tr:last-child { 
    border: none; 
} 

#content td { 
    vertical-align: top; 
    padding: 1em 0.5em; 
} 

#content td:first-child { 
    width: 33%; 
} 

#content td:last-child { 
    width: 66%; 
} 

這裏是有問題的鏈接頁面： http://cisdl.org/gonthier/about-judge-gonthier/judgments.html

偏偏WebKit和Firefox瀏覽器。什麼可能導致這個？

P.S.我發現錯誤後只添加了一個固定寬度，但沒有幫助。

Answer 1

出於某種原因（我猜邊緣或填充）你的兩個寬度語句互相矛盾。只要刪除其中一個你很好。

---

像這樣：

#content td:first-child { 
    width: 33%; 
} 

#content td:last-child { 
}