gpt4 book ai didi

javascript - 使用绝对位置定位 TD 的 child

转载 作者:太空宇宙 更新时间:2023-11-04 14:28:44 25 4
gpt4 key购买 nike

嗨,我正在尝试将一个 div 定位到受此启发的 TD 内 div 的左上角 question 旨在帮助定位 TD 中的元素。我无法让它工作。我想这可能是因为我有填充。如果你能帮助我将代码中的“目标”元素放到我的 TD 的左上角,那将是很棒的任何方式。

我尝试获取 TD 内包装的宽度和高度,看起来高度只是文本。我想我希望内部包装的高度与 TD 相同,因此可以将目标 div 定位在 Angular 落。我听说你不能在 TD 中定位

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
<style>
td,th{
padding: 20px 30px;
}
.innerWrapper{
position:relative;
}
.target{
position: absolute;
top:0;
left: 0;
background-color: blue;
}
td:nth-child(1){
background-color: yellow;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<table>
<tr>
<th>one</th>
<th>two</th>
<th>three</th>
<th>four</th>
</tr>
<tr>
<td><div class = "innerWrapper">td1<div class = "target">T</div></div></td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
</tr>
</table>
<script>
$(document).ready(function(){
tdh = $('td:nth-child(1)').outerHeight()
alert("td"+ tdh);
var inner = $('.innerWrapper').outerHeight(tdh);
alert(inner);
});
</script>
</body>
</html>

JsFiddle我试图制作一个脚本来将 innerwrapper 设置为与 TD 相同的高度,但这没有用,我想知道为什么。如果您也能提供帮助,那就太好了。

最佳答案

您需要将填充从单元格移动到包装器中(或适本地偏移目标部分)。

关于javascript - 使用绝对位置定位 TD 的 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19344321/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com