1# stack 2 3 4堆叠容器，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。 5 6> **说明：** 7> 8>从API Version 8 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 9 10 11## 子组件 12 13支持。 14 15 16## 属性 17 18支持[通用属性](js-service-widget-common-attributes.md)。 19 20 21## 样式 22 23支持[通用样式](js-service-widget-common-styles.md)。 24 25 26## 事件 27 28支持[通用事件](js-service-widget-common-events.md)。 29 30 31## 示例 32 33 34```html 35<!-- xxx.hml --> 36<stack class="stack-parent"> 37 <div class="back-child bd-radius"></div> 38 <div class="positioned-child bd-radius"></div> 39 <div class="front-child bd-radius"></div> 40</stack> 41``` 42 43 44```css 45/* xxx.css */ 46.stack-parent { 47 width: 400px; 48 height: 400px; 49 margin: 50px; 50 background-color: #ffffff; 51 border-width: 1px; 52 border-style: solid; 53} 54.back-child { 55 width: 300px; 56 height: 300px; 57 background-color: #3f56ea; 58} 59.front-child { 60 width: 100px; 61 height: 100px; 62 background-color: #00bfc9; 63} 64.positioned-child { 65 width: 100px; 66 height: 100px; 67 left: 50px; 68 top: 50px; 69 background-color: #47cc47; 70} 71.bd-radius { 72 border-radius: 16px; 73} 74``` 75**4*4卡片** 76 77 78 79
