html - css: UL 和 LI 应该溢出包含 TD

Question

我有一个包含 UL 和 LI 的 TD。我试图让列表在 TD 之外流动。如果我使用 position:absolute，所有 LI 都会堆叠在一起。有没有办法让 LI 保持它们相对于彼此的定位并且仍然流到包含 TD 之外？

编辑添加的代码(它是用 rails 编写的，但我包含了生成的 HTML):

CSS

#calendar li {
width: 265px;
 position: absolute;
 background: palegreen;
}

生成的 HTML

<td class="weekend">
    24
     <ul>
    <li>
        Deleware (2)
    </li>
  </ul>
</td>

Answer 1

你试过添加

position:relative;

到 td 元素。

(像这样http://jsfiddle.net/ZGyDW/)

Afaik 这是父元素所必需的，以便在其中绝对定位子元素。