如何使用CSS将元素置于其父元素之外？

Question

我有一个看起来像这样的标记：

<div>
  <ul>
    <li>Uno</li>
    <li>Dos</li>
  </ul>
</div>

基本上，我想要做的是将<ul>带到其父级之外。如果可能，如何使用CSS执行此操作？感谢。

Answer 1

div{ position: relative; }
ul{ position: absolute; top: 100%; }

https://jsfiddle.net/zuremvwh/