html - 导航相对间距

Question

我在一个无序列表中有许多列表项将用作水平导航。第一个和最后一个元素(按钮)左右浮动，然后有一种标题(Admission Process)居中，然后按钮集(后退/下一步)需要在此导航中向右移动约 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 基于的值由相对视口(viewport)(窗口)大小控制

引用资料

• > CSS Values and Units Module Level 3: Relative Lengths