用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="确定" οnclick="javascript: createTopic();" style="height:20px;">

			</td>

		</tr>

	</table>

如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?
给div设置一个宽度，然后设置元素的左右外边距为 auto，比如，margin:0px auto。则可以实现 div 居中显示。

对于浮动元素，设置其左右外边距为关键字 auto 是无效的。此时，如果需要设置其居中显示，可以：

1、 精确计算其左外边距并进行设置，实现居中显示；

2、 使用一个居中显示的 div 元素包含此浮动元素，

给div设置一个宽度，然后添加margin:0 auto属性

div{
  width:200px;
  margin:0 auto;
 



居中一个浮动元素

/* 确定容器的宽高 宽500 高 300 的层
设置层的外边距 */

.div {
  width:500px ; height:300px;//高度可以不设
  margin: -150px 0 0 -250px;
  position:relative;         //相对定位
  background-color:pink;     //方便看效果
  left:50%;
  top:50%;
}



让绝对定位的div居中

position: absolute;
width: 1200px;
background: none;
margin: 0 auto;
top: 0;
left: 0;
bottom: 0;
right: 0;

<style>
.footer{position:absolute;left:0;right:0}
</style>
<div classs="footer">
<button>结束</button>
</div>
也就是说只要给你所定位的div的类加上left:0;right:0;(margin:auto;这个好像不加也管用)就可以了！
转载于:https://www.cnblogs.com/fkcqwq/p/5464531.html