Css 填充顶部在ionic 3中不起作用

下面是爱奥尼亚页面的html代码。我正在尝试应用填充并调整内容的位置。在某些地方，它不起作用

我希望登录表单位于屏幕下方更远的位置。更改

的值（代码中的第10行） 他什么也没做。如何纠正这一点

Login.html

登录
电子邮件
请输入有效的电子邮件

密码
登录
我忘记密码了
创建新帐户
创建人

看法

---

内联CSS需要以类似的方式定义，因此：

没有“padding top”属性，因此它什么都不做

我建议为该div提供一个id/class，并使用CSS作为目标，这样更易于管理（默认情况下，爱奥尼亚具有基本样式）

尝试使用以下方法：

<ion-content padding="true">

您可以在此网站上看到示例：

---

不要使用

内联样式。这是非常非常糟糕的

您可以按如下所示进行尝试

page.html

您的内联css工作得非常好。但是给出一个id然后写css在这里不起作用。我以前也试过。我不知道为什么。在login.scss->#loginDiv{padding top:100px；}中，我认为这将取决于项目的设置及其所在位置，当您添加CSS def并检查时，您可以在任何地方看到它吗？我已经在子元素的括号内为div编写了CSS。问题解决了。谢谢。实际上，在爱奥尼亚中有一个
padding top
属性。然后你可以使用
！重要信息
padding top

属性不接受任何内容，它默认为16px的填充，可以通过更改

$content padding

scss属性来覆盖。

<div style="padding-top: 100px;">

<ion-content padding="true">

 <div class="padding-top-100">

  </div>

.padding-top-100 {
   padding-top:100px;
}