javascript - “float: right”不会将div放在右侧

我不明白为什么我无法解决这个问题。
我正在制作此CSS垂直侧边菜单，我希望它位于窗口的右侧。
所以我有了菜单的div，然后将其包裹在另一个div中，将其设置为 float 到右侧。

问题是，它卡在了左侧。
我希望能够滚动它，但将页面的其余部分留在同一位置。
这是小提琴:
http://jsfiddle.net/xQgSm/121/

这是代码的一部分:

<div id="wrap" style="height: 100%; position: absolute; overflow-y: scroll; float: right">
    <div id='cssmenu'>
    <ul>
   <li class='active'><a href='#'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li><a href='#'><span>Product 2</span></a></li>
         <li><a href='#'><span>Product 3</span></a></li>
      </ul>
   </li>

最佳答案

您需要将包装器作为页面的width: 100%。

尝试添加:

<div id="wrap" style="height: 100%; width: 100%; position: absolute; overflow-y: scroll;">

关于javascript - “float: right”不会将div放在右侧，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30830943/