想要达到在div里让表格往右移动一点，可以调整盒子的左边距大小，来达到向右移动的效果。
margin-left
属性设置元素的左外边距。
padding-left
属性设置元素左内边距。
这两种都是可以实现的，表格向右移动，具体使用看DIV而定。
如下，使用margin-left的代码为：
<DIV style="margin-left:500px"> <!--margin-left表示盒子外面的左边距，通过调整左边距的大小，来达到表格向右移动的效果。-->
<table width="200" border="1" >
<tr>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
</tr>
<tr>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
</tr>
</table>
</DIV>
</body>
</html>
如需使用padding-left，只需将<DIV
style="margin-left:500px">改为<DIV
style="padding-left:500px">即可。
浏览效果如图：
1；DIV和表格布局局限性很多，但是用到表格的时候还是必须要用。
2；现在用的最多的是DIV+CSS来布局，发展的需要，更加灵活多变，代码更整洁清晰。
3；DIV嵌套DIV<div>。
<div class=""><div class=""></div>
</div>
4；DIV嵌套表格。
<div class=""><table>
<tr>
<td>
</td>
</tr>
</table>
</div>
5；根据自己的需要选择何时的搭配这才是最重要的。
6；自己没事的时候可以多练习一下。
html页面中表单怎么用div分列布局主要分两个步骤 *** 作：
第一种情况，float浮动相同
让两个div盒子的float值相同，比如都设置float:left或float:right，宽度设置合适即可。这里我们通过案例实现一行两列DIV布局。
1、完整实例DIV+CSS代码：
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>两个DIV并排</title>
<style>
.div-a{ float:leftwidth:49%border:1px solid #F00}
.div-b{ float:leftwidth:49%border:1px solid #000}
</style>
</head>
<body>
<div class="div-a">第一个DIV盒子</div>
<div class="div-b">第二个DIV盒子</div>
</body>
</html>
2、实例截图
一行两列DIV并排效果截图
需要注意是宽度，要想一行两列DIV布局，避免第三个DIV也并排，这里就要设置计算好宽度（这里设置百分比宽度为49%），三个DIV盒子宽度之和大于父级宽度，两个DIV宽度之和小于父级宽度，即可实现只有2个DIV并排。
第二种情况，float浮动值不同
一个设置为float:left一个设置为float:right.。
1、完整HTML源代码：
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>两个DIV并排</title>
<style>
.div-c{ float:leftwidth:49%border:1px solid #F00}
.div-d{ float:rightwidth:49%border:1px solid #000}
</style>
</head>
<body>
<div class="div-c">第三个DIV盒子</div>
<div class="div-d">第四个DIV盒子</div>
</body>
</html>
2、两列并排DIV实例截图
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）