javascript - 通过JS插入DOM元素时根据子元素调整父Divs的大小

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>

theapplicationHeader和 the都applicationContainer使用 CSS-Commandwidth:100%;来调整它们的大小以适应浏览器尺寸。在 ApplicationContainer 内，我有一个 TabPanel。

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

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

Answer 1

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

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

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

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