css - 窗口最大化时无法控制 POPUP 窗口下的 div

Question

我正在打开一个弹出窗口(里面有一个用于显示图表的 div) 按下最大化按钮时，组件未正确对齐。

为此，我读到我们还需要一个 parent 容器来解决这个问题。

所以我一直这样:

<div id="parent" style="margin:0 auto; width:1000px; position:relative;">

   <div id= "finance" style="position:absolute; top:10px; left:10px;"></div>

</div>

因此，我无法增加 div 的宽度。

请看图here

我的 CSS 是这样的

.centered {
    width:100%;
    height:100%; 
}
.html{ width:100%; height:100%; }
.body{ width:100%; height:100%; }

请告诉我如何解决这个问题。

CSS 专家请帮助我。

Answer 1

您在您的 CSS 中引用了 .centered 并且在任何 div 中都没有居中类。另外，style 属性在结果中比类甚至 id 更相关，因此无论您在 css 中放入什么，div parent 将始终为 1000px 。

此外，您没有说明是否需要 div 随窗口一起增长，或者只是在窗口最大化时居中。

你需要去掉所有的样式属性并在 css 中引用那些带有 id 的 div:

#parent {
    width: 1000px; /* or percentage if you want it to grow */
    margin: 0 auto;
}
#finance {
    margin: 10px;
}