子div不跟父显示宽度：table

Question

我尝试重新创建一个css设计来学习如何使用该样式：display:table。但是，我有一个我无法解决的问题。子div不遵循父级的宽度。

我已经创建了一个JSFiddle，因为代码很多。

pricetable类遵循窗口的宽度，但priceTableMain没有。我试图将宽度从100％更改为自动，但它没有解决它。

以下是JSFiddle

Answer 1

我知道你的问题。你的标记不好，但你要添加width: 100%; 您还需要放置table-layout: fixed;

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