<div></div>已经居中，跟上一个模块贴近，但是在<div></div>里面加入<ul></ul>之后，div就往下移动了。

Question

问题:

已经居中，跟上一个模块贴近，但是在

里面加入

之后，div就往下移动

html代码

  <!-- 导航条，开始 -->
    <div class="three_module">
        <div class="center_nav">
          <ul>
              
          </ul>

        </div>

    </div>

    <!-- 导航条，结束 -->

/* 导航条，开始 */
.three_module{
    width: 100%;
    height: 81.15px;
    /* background: blue; */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}
.center_nav{

    margin: 0 auto;
    background: #333;
    width:1100px;
    height: inherit;
}
.ul{
    width: inherit;
    height: inherit;
    background: red;
    padding: 0;
    margin: 0;
}
/* 导航条，结束 */

Answer 1

把 style 标签里 .ul 前面的点（.）去掉