gpt4 book ai didi

css - 中心 div 垂直,适用于 webkit,但在 firefox 中存在错误

转载 作者:行者123 更新时间:2023-11-28 14:02:14 25 4
gpt4 key购买 nike

我在 Firefox 中将 div 居中时遇到问题,它似乎在所有 webkit 浏览器中都能正常工作,所以我真的不知道我做错了什么:

我的 CSS:

html {
width: 100%;
height: 100%;
}

body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
}

#Page {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

#LoginBackground {
position: absolute;
margin-top: -45%;
margin-left: -35%;
left: 50%;
top: 50%;
width: 70%;
height: 90%;
}

我的 HTML:

<body>
<div id="Page">
<div id="LoginBackground">
</div>
</div>
</body>

这是 Gecko 引擎中的错误还是我做错了什么。

最佳答案

编辑新 fiddle http://jsfiddle.net/FsjNu/2/

html {
width: 100%;
height: 100%;
}

body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
}

#Page {
position: relative;
width: 100%;
height:100%;
}

#LoginBackground {
border: 1px solid red;
height: 90%;
left: 50%;
margin-left: -35%;
position: absolute;
top: 5%;
width: 70%;

<body>
<div id="Page">
<div id="LoginBackground">
</div>
</div>
</body>

关于css - 中心 div 垂直,适用于 webkit,但在 firefox 中存在错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10233895/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com