具有最大宽度限制的自动居中流体宽度TabPanel

Question

我正在尝试创建一个自动调整的标签面板，以适应每个标签内容框的宽度，＆amp;最大宽度为900px，＆amp;也会在屏幕上保持自动居中。我可以让他们单独工作，但不是全部共同工作。

你可以在这个网页上看到我有Max-Width：900px工作＆amp;自动居中工作，但不是流体宽度自动调整（它总是保持在900px而不是减小其宽度以适应更薄的选项卡内容框，请参见标签“WATCH THE FILM”和“SCREENINGS”）：{{ 3}}

到目前为止，这是我的标签内容组的CSS：

#TabbedPanels2 .TabbedPanelsContentGroup {
max-width:900px;
margin-left:auto;
margin-right:auto;
margin-top:105px;
}

＆安培;这是HTML：

<div id="TabbedPanels2">
<h2 align="center">TAB HEADLINE 1</h2>
<p align="center">Tab Content 1. This tab contains content about 850px wide.</p>

<h2 align="center" >TAB HEADLINE 2</h2>
<p align="center">Tab Content 2. This tab contains content about 350px wide.</p>
etc
</div>

提前多多感谢！我对CSS＆amp;感谢我能得到的所有帮助。