Question

我正在尝试使用jQuery UI在HTML / CSS / JS中构建一个规划日历。事实上，我需要在x轴上获得一天中的小时数（一个TD =一小时，大一点20 px），并且在y轴上有不同的车间。进入这个我想放置jQuery，一个代表干预的div。当然，干预可以持续一个，两个，三个或更长时间。

所以我想放置一个比他的父TD更大但不修改他的更大的div。

有什么想法吗？

PS：对不起，如果我的英语不如你的英语，我是法国首席执行官。

这是我的HTML页面：

<table>
    <tr>
        <td class="snaponit"> </td>
        ...
        <td class="snaponit"> </td>
        <td class="snaponit">
            <div id="draggable" class="draggable ui-widget-content" style="position: absolute; right: 0; left: 0;">
                <p>Operation to be dragged on the grid.</p>
            </div>
        </td>
        ...
        <td class="snaponit"> </td>
    </tr>
    <tr>
        ...
    </tr>
    <tr>
        ...
    </tr>
    <tr>
        ...
    </tr>
</table>

包含24 td的特定行数的表。还有一个div，放在其中一个上，可拖动，比他的td大。

这是我的css：

td {
    height: 100px;
    width: 20px;
    background-color: lightgray;
    border: solid gray 1px;
    overflow-x: visible;

}

table {
    position: relative;
    margin: 25px 25px 25px 25px;
}

tr {
    width: 480px;
}

我试图将我的属性的位置设置为“relative”，“absolute”等，但这些组合都不起作用。我的Div仍在强迫她重新调整大小。

Answer 1

基本上，你所追求的是：

div {
  overflow-y: visible;
}

但显然，这并不总是开箱即用。

请参阅here，了解有关实施此问题的一些问题，包括可能的解决方法。

TD中元素的表比他父母大

1 个答案: