html - 导航相对间距

Question

我在一个无序列表中有许多列表项，它们将用作水平导航。第一个和最后一个项目（是按钮）左右浮动，但是有一种标题（录取过程）居中，然后按钮集（后退/下一个）需要在这个导航中向右大约 75%列表。

我相信最好使用像％，ems这样的相对值吗？它只需要灵活且响应迅速。我没有添加 CSS，因为它可能只会混淆问题。

<ul id="form-fill-nav" class="clearfix">
      <li class="first"><a href="#" class="btn-nav-1">Selected Forms</a></li>
      <li>Admissions Process</li>
      <li><a href="#" class="btn-nav-1">Back</a></li>
      <li><a href="#" class="btn-nav-1">Next</a></li>
      <li class="f-right"><a href="#" class="btn-nav-1">22</a></li>
    </ul>

Answer 1

使用上下文来确定解决方案：

• 基于百分比的值由相对框大小控制

• em/ex/ch/rem基于值由相对字体大小控制

• vw/vh/vmin/vmax基于值由相对视口（窗口）大小控制

参考

• CSS 值和单位模块第 3 级：相对长度