Question

我只需要在td元素中为div着色。如果我使用position：absolute，彩色div填满整个屏幕，如果我使用相对没有任何反应..

我的代码：

<table width="100%" border="1">
    <tr height= "200px">
        <td>
            <div style="width: 100%; height: 100%; z-index: 0; background-color: green; position:relative; top: 0; left: 0;"></div>
        </td>
        <td>
            <div style="width: 100%; height: 100%; z-index: 0; background-color: red; position:relative; top: 0; left: 0;"></div>
        </td>
    </tr>    
</table>

真心感谢任何帮助。

由于

Answer 1

<td>需要是相对的，<div> - 绝对，然后td将被视为其中内容的容器。

＆＃13;

<table width="100%" border="1">
    <tr height= "200px">
        <td style="position:relative;">
            <div style="width: 100%; height: 100%; z-index: 0; background-color: green; position:absolute; top: 0; left: 0;"></div>
        </td>
        <td style="position:relative;">
            <div style="width: 100%; height: 100%; z-index: 0; background-color: red; position:absolute; top: 0; left: 0;"></div>
        </td>
    </tr>    
</table>

＆＃13;

此外，最好只在标签内创建样式表而不是样式

td{
    position:relative;
    ...
}
td div{
    position:absolute;
    ...
}

使用css为td中的div着色

1 个答案: