1个回答
展开全部
<html>
<head>
<style>
body
{
position: relative;
border: 1px solid #f00;
}
</style>
</head>
<body>
<table>
<tr>
<td style="position: absolute; left: 50px; top: 50px; border: 1px solid #0ff;">
单元格1
</td>
<td>
单元格2
</td>
</tr>
</table>
</body>
</html>
要点：position:absolute;是相对于离他最近的position:relative;的祖辈节点而言的
<head>
<style>
body
{
position: relative;
border: 1px solid #f00;
}
</style>
</head>
<body>
<table>
<tr>
<td style="position: absolute; left: 50px; top: 50px; border: 1px solid #0ff;">
单元格1
</td>
<td>
单元格2
</td>
</tr>
</table>
</body>
</html>
要点：position:absolute;是相对于离他最近的position:relative;的祖辈节点而言的
更多追问追答
追问
谢谢，还有个地方忘记在问题里面写了，绝对定位的这一列td在一起重叠，怎么能让他们不重叠，就跟table里面的样式一样
追答
这个好像是没办法的，即使弄好了兼容性也很差，如果你非要实现这种效果的话，建议需要绝对定位的那个区块单独用一个div或table，因为元素一旦绝对定位的话就脱离了原本的文档流，在页面中是不占空间的，如果你要让它不叠在一起就没必要用绝对定位了，不知道你具体是要实现什么样的一个效果呢
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
