0

我有一个包含 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>
4

2 回答 2

2

您是否尝试过添加

position:relative;

到 td 元素。

（像这样http://jsfiddle.net/ZGyDW/）

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

于 2012-06-25T19:14:29.247 回答
0

我重新阅读了您的解释并更新了我的小提琴。我不知道您是否能够添加元素，但您可以尝试将所有uls 包装在 a 中div并绝对定位div. 这是我的CSS：

table {
    color: #666;
    font: 16px normal Arial, Helvetica, sans-serif;
    margin: 30px;
}

td {
    border: 1px solid #f00;
    height: 200px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    width: 200px;
}

div {
    position: absolute;
}

ul {
    border: 1px solid #00f;
    margin: 5px 0;
    width: 300px;
    z-index: 2;
}

li {
    border: 1px solid #0f0;
    padding: 5px;
}​
于 2012-06-25T19:34:23.543 回答