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 Values and Units Module Level 3: Relative Lengths

导航相对间距

1 个答案: