HTML在div里怎样让表格往右移动一点

html-css011

HTML在div里怎样让表格往右移动一点,第1张

想要达到在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">即可。

浏览效果如图：

思路:用一个大盒子装下两个盒子,然后给大盒子设置postion:relative,然后给需要移动的盒子设置position:absolute.

<style>

    .banner{

        width:100%

        height:400px

        position:relative

    }

    .banner .nav{

        position:absolut

        right:10px

        top:150px

    }

</style>

<div class="box">

    <div class="banner"><img src="..."></div>

    <div class="nav">这个盒子是需要挪动的</div>

</div>