如何在html中留下50dp的空白空间？

Question

我正在做一个移动网络应用程序，我想在屏幕顶部保留 50dp 的高度，有什么想法吗？

我尝试制作一个高度为 50dp 的 div，但这不起作用

<div style="display:inline-block; height:20px width: 70px">My Text Here</div>

Answer 1

有几种解决方案，具体取决于您要实现的目标。另外，我会考虑将您的样式从与 HTML 内联到外部样式表，因为这符合最佳实践，并有助于您的样式更加模块化/可重用。

保证金：.inner-element { margin-top: 50px; }

定位.inner-element { position: relative; top: 50px; }

填充.container-element { padding-top: 50px; }