最佳答案
我会使用CSS表如下.
原文链接：https://www.f2er.com/html/426884.html对于ul,使用display：table并将边距和填充置零,并将宽度设置为100％.
对于ul li,请使用display：table-cell.
表格单元格将以合理的方式将自身调整为父级的宽度,同时考虑链接文本/标签的宽度.
注意：我假设您希望链接是内联的,以便所有链接都填满宽度,而不是单个链接占据宽度的100％.否则,更改display：inline-block to display：block for li elements,但由于这太明显了,我假设你想要一个水平布局.
nav {
border: solid 1px #000;
width: 700px;
}
ul {
width: 100%;
list-style-type: none;
display: table;
margin: 0;
padding: 0;
}
ul li {
padding: 25px;
display: table-cell;
background: #000;
color: #fff;
}