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;
}

当窗口最大化时，无法在POPUP窗口下控制div

1 个答案: