问题描述
|
我正在打开一个弹出窗口(在其中有一个用于显示图表的“ 0”)
当按下最大化按钮时,组件未正确对齐。
因此,为此我读到我们还需要一个
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的宽度。
请在这里查看图片
我的CSS是这个
.centered {
width:100%;
height:100%;
}
.html{ width:100%; height:100%; }
.body{ width:100%; height:100%; }
请告诉我如何解决这个问题。
CSS专家请帮帮我。
解决方法
您在CSS中引用的是“ 4”,并且在任何div中都没有居中的类。另外,
style
属性在结果中的相关性比类甚至ID更重要,因此,无论您在CSS中输入什么内容,divparent
始终为1000px
。
另外,您没有说是否需要div与窗口一起增长,或者仅在窗口最大化时居中。
您需要摆脱所有样式属性,并使用css中的id引用这些div:
#parent {
width: 1000px; /* or percentage if you want it to grow */
margin: 0 auto;
}
#finance {
margin: 10px;
}