Html 儿童div不'；t使用display:table跟随父级的宽度

我尝试重新创建一个css设计来学习如何使用样式：

display:table

。然而，我有一个我无法解决的问题。子div不跟随父div的宽度

我创建了一个JSFIDLE，因为代码太多了

pricetable

类跟随窗口的宽度，但是

priceTableMain

不跟随窗口的宽度。我试图将宽度从100%更改为自动，但没有解决问题

---

这是我知道你的问题的答案。您的标记不好，但您正在添加

width:100%
您还需要放置
表格布局：固定

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

六层嵌套的
div
，您的标记结构有一些问题……是的，我不明白您想做什么，定价表看起来不错。Alien先生有一点，你有很多嵌套的div，这段代码可以简化。尝试这个工具来帮助您创建一个好的表格和一个好的代码：如果问题是表格单元格不能小于112像素，那是对的，因为它们的内容太宽了。你想如何解决这个问题？你想隐藏一些内容吗？您可以通过在
15€/player
东西中添加空格来缩小范围，这将允许它们进行换行，但仅此而已。