跳转到主内容
极星编程网:以代码为星,赴技术山海!

父元素设置绝对定位,子元素如何保持正常流?

scss嵌套式元素继承父元素属性的消除 对于您的问题,“当父元素设置 绝对定位 时,子元素如何保持正常流”,答案的关键在于解决css样式继承中的隐式污染问题。 css样式继承具有隐式性,这意味着如果某元素未定义特定属性,它将从其父元素继承该属性。在您的scss示例中,子元素.hide未设置 position属性 ,因此它继承了父元素.action的position:absolute值。 要消除这种继承,需要明确为子元素设置position值。您可以将.hide的position设置为static,如下所示: 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载
#action { ... .hide { position: static; width: 40px; height: 100%; background-color: orange; } }
通过指定position:static,您指示浏览器将子元素视为正常流的一部分,而不是绝对定位的。这样,子元素将不受父元素定位属性的影响。

相关文章