我该怎么做才能确保我的标题不会与状态栏重叠？

Question

我在iOS状态栏和标题重叠时遇到麻烦。使用CSS，我可以成功地向下移动标头，但是当页面上的滚动时，页面内容位于标题下，并显示在状态栏的顶部。这是我使用的代码。

[name=mobileheader] { 
height: 98px; 
margin-top: 20px;
} 

我也尝试了这种情况，但是标题中的按钮不会向下移动，因此它们仍然重叠状态栏。

[name=mobileheader] { 
height: 98px; 
padding-top: 20px;
} 

如何使按钮在其余的标头中向下移动？或者，如果有人对如何使标题不重叠状态栏有其他建议，我会带它们！

Answer 1

向您的移动头添加z索引。看看是否有效。

[name=mobileheader] { 
height: 98px; 
padding-top: 20px;
z-index:10;
} 

尝试将class =" clearfix"添加到您的移动状态。如果您使用的是引导程序。如果不是，请将其添加到您的CSS

将此添加到您的CSS

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }