padding在布局当中遇到的问题

  1、今天在排版当中遇到一个比较奇怪的问题，在排网页的 bottom 的时候，一开始用的是 div 内嵌 table 布局，由于 table 是内嵌于 div 中，属于内联对象。所以在处理相对位置的时候直接用 padding 来处理。这样在 IE8 和 Firefox 当中没有任何的问题，但是到了 IE6 和 360 浏览器当中就出现问题，无论怎么排在这两个浏览器当中都没出现任何的效果，为此查了很多的资料都找不出原因，后面经过调试，发现是 table 当中直接使用 padding 出现的问题，原本的排版是这样的：

1. HTML:
2. <div id=”bottom”>
3.          <table></table>
4. </div>

 

在 css 当中是这样写的：

 

1. #bottom table{
2.          padding-top:240px;
3. }

 

 

2、结论 ： css 当中 bottom table 是不能直接使用 padding 来移动内容的位置的，所以在以后的排版当中尽量少用 bottom table 的方式来布局，多写个 div 就省去很多的功夫！