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

我有一个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命令

width:100%以使其大小适应浏览器尺寸。在ApplicationContainer中，我有一个选项卡面板

现在我有了一个函数，可以调整其中一个选项卡中某些元素的大小，有时候选项卡面板会超过浏览器的总宽度。选项卡面板本身将适当地适应其子元素的大小，
mainContainer
似乎也会这样做，但是
applicationHeader
-DIV将保持其实际大小，尽管其父元素的大小已调整

如何使
applicationHeader
-DIV正确调整大小？
如果没有看到代码示例，很难给您一个明确的答案，但我会考虑以下情况

applicationHeader div的css position属性设置为默认值（静态）以外的其他值。
这可能导致它将其宽度设置为除其直接父元素之外的元素的全宽度

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

如果你能提供更多的细节，我会尽力帮助你
 考虑到您已经用and标记了这个问题，您可能希望向我们展示您正在使用的JavaScript和CSS。