我正在用Cordova开发一个应用程序。有几个div
元素的css位置设置为absolute
,并且上/下两个都设置为0px
。 www
文件夹的内容在Web浏览器(例如Safari)中可以正常工作,但是当我在Android Studio(MacOS)随附的模拟器中运行应用程序时,div的位置不正确。它们的位置似乎像它们的css顶部值是一个负整数,一半元素位于视口之外。
我尝试将位置更改为relative
和fixed
,但结果相同。是什么原因导致这种情况发生?
我的html和css如果很长,那么我将在这里尝试将其释义...
HTML
<html>
<body>
<div class="header"></div>
</body>
</html>
CSS
.header {
position: fixed;
top: 0px;
left: 0px;
height: 200px;
width: 200px;
background-color: #000;
}