包含时如何给div定位

关注

原创最新推荐文章于 2026-10-12 23:37:09 发布 2.1k 阅读 AI 写同款· GEO 优化 ›

div框定位(relative,absolute,fixed,static) relative absolute fixed static 1.relative 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。 child 1 child 2 child 3 2.absolute 绝对定位的元素的位置相对于最近的已定阅读详情

用div的绝对定位：

<td style="position:relative">

   <div style="position:absolute;left:0;top:0"></div>

</td> 



不过要注意：这里的left和top是相对于table这个表格的左边距和顶边距而言的，因此如果table中有多行tr里面都包含了div，

那么就要精确计算table的每一行的高度了，例如：

<table width="100%" border="0" >

		<tr>

			<td style="height:28px;
">

				<table width="100%">

					<tr>

						<td align="center" width="90%">

							<font style="font-size:12px; font-family:宋体; color:black; ">创建主题</font>

						</td>

						<td align="right">

							<a href="javascript:closeTopicCreate();" style="font-size:12px; color:black;">关闭</a>

						</td>

					</tr>

				</table>

			</td>

		</tr>

		

		<tr>

			<td height="315px"
>

				<div style="position:absolute; left:0; top:30; height:320; width:498px;
 background:white; overflow:auto; ">

		

					

				</div>

			</td>

		</tr>

		

		<tr>

			<td align="center" style="height:25px; "
>

				<input type="button" value="确定" onclick="javascript: createTopic();" style="height:20px;">

			</td>

		</tr>

	</table>