CSS水平导航,动态宽度按钮,100%宽度,Img背景

最简单的解决方案:

<div id="nav">
  <button type="button">One</button>
  <button type="button">Two</button>
  <button type="button">Three</button>
  <div id="cap">Cap</div>
</div>

#nav { overflow: hidden; }
#nav button { float: left; }
#cap { float: right; width: 150px; }

不需要间隔符,因为无论如何div都是100%宽度(除非其他CSS改变了这一点)。这是除非你需要特定的样式为间隔或有其他原因有它。如果只是样式问题,将样式应用到外部nav div,内容将显示在其上方,有效地执行相同的操作。