问题描述:
直接在当前容器使用relative定位后点击按钮出现了抖动
<div class="err-msg"> 这是一行文字,这是一行文字</div>
.err-msg {
position: relative;
bottom: 62px;
left: 66px;
font-size: 12px;
}
解决方案:
在父元素中先使用absolute定位,再对子元素使用relative定位
<div class="err-msg">
<span id='err'></span>
</div>
.err-msg{
position: absolute;
}
.err-msg > span {
position: relative;
bottom: 62px;
left: 66px;
font-size: 12px;
}