Question

<html>
<head>
<style type="text/css">
div
{
top: 10px;
left: 30px;
background-color: red;
width: 100px;
height: 30px;
}
</style>
</head>

<body>
<table width='500' border='1'>
<tr>
     <td height='300' width='250'></td>
     <td height='300' width='250'><div>content</div></td>
</tr>
</table>
</body>

</html>

如何将div 10 / 30px放置在右侧单元格的顶部/左侧？
如果div的大小超过单元格的大小，我也希望单元格与div一起增长。

谢谢，程

Answer 1

CSS

margin-top: 10px;
margin-left: 30px;

然而，这很难用于演示标记。不要使用表格进行放置。

Answer 2

在单元格上使用position: relative;，在div上使用position: absolute;。

Answer 3

在div上添加position:relative

div
{
top: 10px;
left: 30px;
background-color: red;
width: 100px;
height: 30px;
position: relative;
}

默认{t}的valign为中心，您可能需要将其设置为top

工作demo

在单元格中定位div

3 个答案: