请加大家一下html问题

Question

首先
body{padding:0;
margin:0;}

我遇到的问题是

导航栏的问题

<div id="nav">
            <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>
                <li><a href="#">关于于我于我于我于我于我于我于我于我于我于我于我于我于我于我于我我们</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>

        </div>

css如下

#nav ul{
            width: 1000px;

            }   

            #nav ul li{
                line-height: 40px;
                display: block;
                height: 40px;
                float:left;
                width: 125px;   
                text-align: center;

            }   
            #nav ul li a{
                text-decoration:none;
                color:white;

            }
            #nav ul li:hover{
                background-color: #001931;
            }

我想问下，为啥nav的总长是1000px，ul也是1000px;
li是125px;正好8个li，为啥在nav中放不开?

Answer 1

ul自带margin和padding没有清除吧，还要注意清除浮动