能不能在彈出窗口來控制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; 
}