子div不遵循父顯示的寬度：表

Question

我嘗試重新創建css設計以瞭解如何使用樣式：display:table。但是，我有一個我無法解決的問題。子div不遵循父級的寬度。

由於代碼很多，我創建了一個JSFiddle。

pricetable類遵循窗口的寬度，但priceTableMain沒有。我試圖將寬度從100％改爲自動，但沒有解決問題。

這裏是JSFiddle

Answer 1

我知道你的問題。您的標記是不好的，但你要添加width: 100%; 你還需要將嵌套的`div`，有些事情真的錯您的標記結構的

.priceTableMain { 
    display: table; 
    table-layout: fixed; 
    width: 100%; 
}