html - nav li 标签的自动宽度

Question

我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航我正在尝试制作我的导航

<div class="headercss">class="header">

    <div class="headerlogo">class="header">

    </div>


</div>

/* BODY */

body {
    margin: 0px;
    background-color: #000000;
}


/* 1. HEADER */

.headercssheader {
    width: auto;
    height: 500px;
    position: relative;
}

.headerlogoheader {
    width: 980px;
    height: 250px;
    position: relative;
    left: 50%;
    margin-left: -490px;
}

.nav {
    width: 980px;
    height: 70px;
    position: relative;
    left: 50%;
    margin-left: -490px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a:link, a:visited {
    display: block;
}

a:hover, a:active {
}

Answer 1

将此 CSS 添加到您的 ul 标记中:

display:table;
table-layout: fixed; 

这是你的 li CSS:

display: table-cell;

应该工作 :)