引入bootstrap后输入左边框消失了

Question

很奇怪，我引入bootstrap之后输入框的左边框消失了，但是放大点又会出现。并且在样式的代码中并没有找到相应的设置左边框消失的代码！

想问问是啥原因。

我把代码贴上来

<div class="main">
    <div class="main-left">
        <h5>部门列表</h5>
        <div class="ztree" id="depart-list"></div>
    </div>
    <div class="main-right">
        <h5>编辑部门</h5>
        <div class="div">
            <div class="form-group">
                <label>上级部门：</label>
                <select id="depart-belong"></select>
            </div>
            <div class="form-group">
                <label>部门名称：</label>
                <input type="text" id="depart-name">
            </div>
            <div class="form-group">
                <button id="create" class="btn btn-primary" onclick="submit('create')">新建</button>
                <button id="change" class="btn btn-primary" onclick="submit('edit')">提交</button>
                <button id="delete" class="btn btn-danger" onclick="submit('delete')">删除</button>
            </div>
        </div>
    </div>
</div>

就是很简单的html，然后加了个左右居中的样式

.main{
    font-size: 0px;
}
.main .main-left,.main .main-right{
    display: inline-block;
    vertical-align: top;
    height:100%;
}
.main .main-left{
    width: 20%;
    min-width: 150px;
    border-right: 1px solid #cdcdcd;
}
.main .main-right{
    margin-left: 20px;
}
.main .main-right{
    position: relative;
    width: 70%;
    font-size: 14px;
    height: 100%;
}
.div{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

Answer 1

可能部门名称宽度过长遮住了，具体情况F12看源码，

---

2017.3.3

布局影响，class为div的上来就绝对定位，在它外层套个比它大的div,给个相对定位试试

Answer 2

贴代码，才能有人帮到你。