Question

<nav style="width:100%">
   <ul>
      <li><a href="####.html" style="border-left:1px solid #FFF;">****</a></li>
      <li><a href="####.html">****</a></li>
      <li><a href="####.html">****</a></li>
      <li><a href="####.html">****</a></li>
      <li><a href="####.html">****</a></li>
   </ul>
   <a href="####.html"><img src="####.jpg" alt="lang:ger" style="float:right;"></a>
   <a href="home.html"><img src="./../../img/english.jpg" alt="lang:eng" style="float:right;"></a>
</nav>

我希望<ul>之后的两个链接浮动到<ul>的右边，但是在同一行。到目前为止，我所有的尝试最终都是向右，但在下一行。我怎样才能漂浮这些链接？

Answer 1

只需浮动UL左侧：

HTML：

<nav style="width:100%">
<ul>
  <li><a href="####.html" style="border-left:1px solid #FFF;">****</a></li>
  <li><a href="####.html">****</a></li>
  <li><a href="####.html">****</a></li>
  <li><a href="####.html">****</a></li>
  <li><a href="####.html">****</a></li>
</ul>
<a href="####.html"><img src="####.jpg" alt="lang:ger" style="float:right;"></a>
<a href="home.html"><img src="./../../img/english.jpg" alt="lang:eng"   style="float:right;"></a>
</nav>

CSS：

ul {
  float: left;
}

JSFiddle：http://jsfiddle.net/ec28U/

锚浮在右边的ul

1 个答案: