能不能在弹出窗口来控制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摆脱所有的样式属性和reffer对这些div与他们的id：

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