将div完全保留在视口内

Question

作为标题，我需要创建一个html标签，如果标签被浏览器边缘隐藏，它将自动显示在另一侧，不再被另一方隐藏。例如，它类似于facebook状态的选项： http://i.imgur.com/RR8poBf.png

因为我不知道如何向每个人解释它，所以我在这里拍了一张照片：http://i.imgur.com/SwpePxp.png

这是html内容：

<div class="status-options">
    <span class="status-options-list btn btn-default glyphicon glyphicon-chevron-down"></span>
    <ul class="u-1">
    <li><a href="#">Option 1 aaaaaaaaaaaaaaaa</a></li>
    <li><a href="#">Option 2</a></li>
    <li><a href="#">Option 3</a></li>
    </ul>
</div>

有关解决方法的任何建议吗？