Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 全高舱内td_Css - Fatal编程技术网

Css 全高舱内td

Css 全高舱内td,css,Css,我想实现这个目标: 表格行和灰线的高度应是动态的,具体取决于右栏中的内容 我已经读过了,所以我试着用这个 但还是没有运气。有什么建议吗?带冒号?此外,要获得间距,请执行以下操作: <td style="position:relative;"> <div style="width: 10px; position:absolute; top:10px; bottom:10px; background:grey"> </div> </td&g

我想实现这个目标:

表格行和灰线的高度应是动态的,具体取决于右栏中的内容

我已经读过了,所以我试着用这个


但还是没有运气。有什么建议吗?

带冒号?此外,要获得间距,请执行以下操作:

<td style="position:relative;">
    <div style="width: 10px; position:absolute; top:10px; bottom:10px; background:grey">
    </div>
</td>

编辑: 我认为如果没有明确的高度,这是不可能的。您所指的中的解决方案实际上不起作用<代码>位置:相对似乎无法正确应用于表格单元格。这可能是故意的,也是规范的一部分。

您尝试过吗

<table>
    <tr>
        <td>
            <div>
            </div>
        </td>
    </tr>
</table>

这里是一个例子。

您有一个打字错误(
width10px;
应该是
width:10px;
)。。。这仅仅是你的问题,还是你的代码中也是这样?代码在这里被删除了。如您所见,div的高度填充的是浏览器而不是父行。代码已在此处删除。如您所见,div的高度填充的是浏览器而不是父行。这个如何?我定义的高度只是示例,不是固定的。它应该是垂直流动的。在这种情况下没什么大不了的,但只链接答案。
tr {  }
td { position:relative;height:300px; display:block; }
div {
    width:10px;
    position:absolute;
    bottom:10px;
    top:10px;
    display:block;
    background:grey
}