为 某个元素添加了子元素后，子元素的位置在父元素的外面不显示问题

1 在项目中做控件的时候，遇到了做的元素需要删除的时候，右上角出现个删除按钮，按钮一半在空间外部显示，这个时候，对控件，也就是删除按钮的父元素添加overflow:visible;

就可以正常显示了。

<div id="8" class="move  InputBoxS" style="cursor: move; border-width: 1px; border-style: dashed; border-top-color: rgb(51, 153, 102); border-right-color: initial; border-bottom-color: rgb(51, 153, 102); border-left-color: initial; border-image: initial; background-color: rgba(0, 0, 0, 0); border-radius: 0px; width: 76px; height: 23px; top: 95px; left: 263px; opacity: 1; z-index: 3; display: block; font-size: 11pt;overflow:visible" customerbaseinfo="{&quot;isdisplayicon&quot;:&quot;0&quot;}" microsoft=""><span id="spans-8">请输入文字</span><div id="666yy" onclick="LayoutManager.menuDelete()" class="rsize" style="left: -25px; top:-15px; z-index: 80002;height:30px;width:40px;background:url(img/iconAll.svg) no-repeat  -578px -120px ;vertical-align:middle;display:inline-block;"></div></div>