我从this sample CSS template开始，它提供了一个粘性页脚，其中心是一个3列的虚假布局。 2个侧边列是固定宽度，主要内容应该收缩包装以适合其内容的大小，而是延伸到CSS中为包装器定义的max-width值。主要内容正在扩展，因为CSS不包含任何导致收缩包装的样式（即“display:inline”，“display:inline-block”，“float:left”，“{{1} }“，”display:table“等等......）。最后，包装器包含除粘性页脚之外的所有内容。
我尝试使用display:inline-table设置包装器来收缩包装主要内容，但是现在包装器display:table之外的页脚宽度不正确。之前它的宽度与包装器的宽度相同，默认为它设置的div样式与包装器上的相同max-width样本匹配。我不是CSS专家，但也尝试使用替代的粘性页脚技术在包装器内移动粘性页脚，但随后我遇到了人造柱所需的CSS样式与在包装器内部有粘性页脚所需的样式。我不知道也许可以这样做，但从我最初的“快速”测试来看，它变得一团糟。
我宁愿不用javascript来调整它，而是让它与CSS一起工作，如果可能的话。有CSS的任何想法吗？
并且here's a fiddle of it没有将“display：table”添加到包装CSS。添加，然后问题就开始了。