0

UL と LI を含む TD があります。リストを TD の外に流そうとしています。position:absolute を使用すると、すべての LI が互いの上にスタックされます。LI が互いの相対的な位置を維持し、含まれている TD の外に流れるようにする方法はありますか?

EDIT追加コード（レールで書かれていますが、生成された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

あなたの説明を読み直して、fiddleを更新しました。要素を追加できるかどうかはわかりませんが、すべてulの を 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 に答える