通过JS插入DOM元素时，根据子元素调整父Div的大小

Question

我有一个GWT应用程序，它在主网页上使用以下DIV布局：

<div id="mainContainer">
    <div id="applicationHeader">
        <div id="imageLoader"></div>
        <div id="applicationHeaderMain">
            <div id="logo"></div>
            <div id="banner"></div>
            <div id="menu"></div>
        </div>
    </div>
    <div id="applicationContainer"></div>
    <div id="applicationFooter"></div>    
</div>

applicationHeader和applicationContainer都使用CSS-Command width:100%;来调整其大小与浏览器维度。在ApplicationContainer中我有一个TabPanel。

现在我有一个功能可以调整其中一个选项卡中的某些元素的大小，有时TabPanel会超过浏览器的总宽度。 TabPanel本身将适应其子项的大小，mainContainer似乎也这样做，但applicationHeader - DIV将保持其实际大小，而其父元素的大小调整。

如何正确调整applicationHeader - DIV的大小？

Answer 1

如果没有看到代码示例，很难给出明确的答案，但我会考虑以下情况。

1. applicationHeader div的css position属性设置为默认值（静态）以外的值。 这可能导致它将宽度设置为直接父级以外的元素的整个宽度。

2. applicationHeader div具有除mainContainer之外的父元素。也许有些javascript正在动态修改html结构并产生意想不到的效果。

如果您可以提供更多详细信息，我会尽力帮助您。