# stack 堆叠容器,子组件按照顺序依次入栈,后一个子组件覆盖前一个子组件。 ## 权限列表 无 ## 子组件 支持。 ## 属性 支持[通用属性](js-components-common-attributes.md)。 ## 样式 支持[通用样式](js-components-common-styles.md)。 ## 事件 支持[通用事件](js-components-common-events.md)。 ## 方法 支持[通用方法](js-components-common-methods.md)。 ## 示例 ```
``` ``` /* xxx.css */ .stack-parent { width: 400px; height: 400px; background-color: #ffffff; border-width: 1px; border-style: solid; } .back-child { width: 300px; height: 300px; background-color: #3f56ea; } .front-child { width: 100px; height: 100px; background-color: #00bfc9; } .positioned-child { width: 100px; height: 100px; left: 50px; top: 50px; background-color: #47cc47; } .bd-radius { border-radius: 16px; } ``` ![](figures/zh-cn_image_0000001166441636.png)