如何在新生成的html元素之外放置html元素

是否可以将Html元素放置在新生成的元素之外

我有一个IONIC2应用程序，它生成一个新元素

，问题是这个元素有一些影响子元素的CSS属性

因此，我想做的是将我的

div

元素放置在

之外，或者更好地禁用

div上的

的CSS属性

这是代码，因此我可以更清楚地说明：

HTML

   <ion-content id="contentPadding">
     <div class="header">
     </div>
   </ion-content>

   <ion-content id="contentPadding">
    <scroll-content>
     <div class="header">
     </div>
     <scroll-content>
   </ion-content>

我想，它清楚地显示了一个名为

的新元素正在被创建，并且

继承了

的所有css属性，在我的例子中，我希望避免这些属性。

您的标题（子项）继承了其父项（滚动内容）的css样式。您需要通过显式更改继承的样式来清除任何不需要的继承规则。例如，如果要重置css显示，请编写

.header {
   display: initial;
}

---

希望将来我们可以用技巧来避免这种情况-但是，现在你应用的不是什么CSS？请提供您的CSS。您可以通过使用

initial

来覆盖任何您不喜欢的内容，以避免继承，例如：

滚动内容。标题{background color:initial；}

@Aziz我已经按照您的要求添加了CSS，请查看并告诉我您是否需要解释

位置：absolute

？有现场演示吗？了解您想要实现的目标会很有帮助。

scroll content

的CSS是从IONIC framework生成的，我对它没有任何控制权，所以我想禁用它。我想做的是将

固定到顶部；但是，爱奥尼亚在“`中的任何元素中都添加了滚动，这就是为什么到目前为止我无法将标题固定到视图顶部的原因。在这种情况下，为什么不使用另一个元素而不是

滚动内容
？否则，只需使用CSS将每个规则覆盖为默认规则。例如：
scroll content{position:static；overflow:visible；}
position
属性没有真正继承。你说得对，我选择了一个不好的示例。现在修好，谢谢。
.header {
   display: initial;
}