TD中元素的表比他父母大

时间:2014-10-22 12:26:45

标签: jquery html css

我正在尝试使用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仍在强迫她重新调整大小。

1 个答案:

答案 0 :(得分:0)

基本上,你所追求的是:

div {
  overflow-y: visible;
}

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

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