Ребенок div не соответствует ширине родительского с дисплеем: table

Question

Я пытаюсь воссоздать дизайн css, чтобы узнать, как использовать стиль: display:table. Однако у меня есть проблема, которую я не могу решить. Детский div не соответствует ширине родительского элемента.

Я создал JSFiddle, так как кода много.

Класс pricetable следует за шириной окна, но priceTableMain нет. Я попытался изменить ширину с 100% на авто, но это не решило.

Вот JSFiddle

Answer 1

Я знаю вашу проблему. Ваша разметка не хорошо, но вы добавляете width: 100%; также необходимо поместить

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