如何在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; }