控制上面一个标签隐藏和显示不会影响下一个div的位置

<div class="layui-form-item" style="font-size: 16px;">
    <label class="layui-form-label">请输入已绑定手机号：</label>
    <div class="layui-input-block">
        <input type="text" name="phone" placeholder="请输入您的手机号码" onfocus="hidetip()" lay-verify="required" autocomplete="off" class="layui-input">
        <a id="tip1" style="color: red;font-size: 10px;visibility:hidden;position: absolute;">请输入正确的手机号</a>
    </div>
</div>
<div class="layui-form-item" style="margin-top: 20px;position: relative;">
    <div class="layui-input-block" style="margin-left: 200px;">
        <button type="button" onclick="closeWindow()" class="layui-btn-lg layui-btn-primary layui-btn-lg">取消</button>
        <button class="layui-btn layui-btn-lg" type="button" style="margin-top: -6px;" onclick="nextStep()">下一步</button>
        <a id="tip2" style="color: red;font-size: 10px;visibility:hidden;display: inline-block;">您所输入的手机号码错误！</a>
     </div>
</div>

 

固定标签的属性 position:relative;
上面标签的属性 position:absolute