/* 科室介绍 */

.content .dep-info {

    width: 100%;

    height: 437px;

    background: #FAFAFA;

    padding-top: 36px;

}

.content .dep-info .content {

    width: 1200px;

    margin:0 auto;

    overflow: hidden;

    position: relative;

}

.content .dep-info .content h3 {

    font-size: 16px;

    margin-bottom: 20px;

    margin-left: 6px;

}

.content .dep-info .content .more {

    position: absolute;

    right: 0;

    top: 0;

    color: #999999;

}

.content .dep-info .content .dep-content .col{

    width: 295px;

    float: left;

    position: relative;

    padding-left: 5px;

}

.content .dep-info .content .dep-content .col h4 {

    text-align: center;

    margin-bottom: 18px;

}

.content .dep-info .content .dep-content .col h4::before {

    content: '';

    height: 2px;

    width: 40px;

    background-color: #00978E;

    position: absolute;

    left: 83px;

    top: 12px;

}

.content .dep-info .content .dep-content .col h4::after {

    content: '';

    height: 2px;

    width: 40px;

    background-color: #00978E;

    position: absolute;

    left: 178px;

    top: 12px;

}

.content .dep-info .content .dep-content .col ul {

    margin-left: 16px;

}

.content .dep-info .content .dep-content .col ul li {

    float: left;

    border: 1px solid #AAA9A9;

    width: 121px;

    height: 36px;

    margin-right: 21px;

    text-align: center ;

    line-height: 36px;

    margin-bottom: 25px;

}

.content .dep-info .content .dep-content .col ul li:nth-child(2n) {

    margin-right: 0;

}

.content .dep-info .content .dep-content .col a {

    color: #000000;

}

.content .dep-info .content .dep-content .col a.spec {

    color: #00978E;

}

<!-- 科室介绍 -->

        <div class="dep-info">

            <div class="content">

                <h3>科室介绍</h3>

                <a href="" class="more">查看更多&gt;&gt;</a>

                <div class="dep-content">

                    <div class="col">

                        <h4>内科</h4>

                        <ul>

                            <li><a href="" class="spec">呼吸内科</a></li>

                            <li><a href="" class="spec">消化内科</a></li>

                            <li><a href="">神经内科</a></li>

                            <li><a href="">心血管内科</a></li>

                            <li><a href="">肾内科</a></li>

                            <li><a href="">血液内科</a></li>

                            <li><a href="">免疫科</a></li>

                            <li><a href="">内分泌科</a></li>

                        </ul>

                    </div>

                    <div class="col">

                        <h4>肿瘤科</h4>

                        <ul>

                            <li><a href="" class="spec">肿瘤内科</a></li>

                            <li><a href="" class="spec">肿瘤外科</a></li>

                            <li><a href="">肿瘤妇科</a></li>

                            <li><a href="">骨肿瘤科</a></li>

                            <li><a href="">放疗科</a></li>

                            <li><a href="">肿瘤康复科</a></li>

                            <li><a href="">肿瘤综合科</a></li>

                        </ul>

                    </div>

                    <div class="col">

                        <h4>外科</h4>

                        <ul>

                            <li><a href="" class="spec">普通外科</a></li>

                            <li><a href="" class="spec">神经外科</a></li>

                            <li><a href="">心胸外科</a></li>

                            <li><a href="">泌尿外科</a></li>

                            <li><a href="">肝胆外科</a></li>

                            <li><a href="">肛肠外科</a></li>

                            <li><a href="">心血管外科</a></li>

                            <li><a href="">烧伤科</a></li>

                            <li><a href="">骨外科</a></li>

                            <li><a href="">乳腺外科</a></li>

                        </ul>

                    </div>

                    <div class="col">

                        <h4>儿科</h4>

                        <ul>

                            <li><a href="">儿科综合</a></li>

                            <li><a href="">小儿内科</a></li>

                            <li><a href="">小儿外科</a></li>

                            <li><a href="">新生儿科</a></li>

                            <li><a href="">儿童营养科</a></li>

                            <li><a href=""> 消化内科</a></li>

                        </ul>

                    </div>

                </div>

            </div>

        </div>

为什么我这个部分

.content .dep-info .content .dep-content .col{

    width: 295px;

    float: left;

    position: relative;

    padding-left: 5px;

}

padding-left  的值设大了，width 的值也改了，会显示不全两列

​