css - 请问html ul块比别的宽怎么解决?

Question

大家看这里专业人士都怎么处理的?导航比招牌宽出一段距离?
我是自学的,我加了一句 box-sizing: border-box;
我想问问大家都是怎么做的,谢谢了!

        #招牌
        {
            width:500px; 
            height:100px;
            margin:auto;
            background-color:#459df5;
        }

        #导航
        {
            width:500px;
            height:27px;
            margin:auto;
            background-color:#dfdfdf;
            border:0px;
        }

<boby>
    <p id="招牌"></p>
    <ul id="导航">
    </ul>
</boby>

我是自学的,我加了一句 box-sizing: border-box;
我想问问大家都是怎么做的,谢谢了!

        #导航
        {
            box-sizing: border-box;
            width:500px;
            height:27px;
            margin:auto;
            background-color:#dfdfdf;
            border:0px;
        }

Answer 1

导航

加入
padding: 0;

因为浏览器默认会给ul加上padding,你需要一个css进行重置，一般推荐 normalize css