Html标签见解——margin和padding使用过程中所谓的bug问题《一》

首先，讲一下我在练习使用这两个属性时发现的问题如左：

 1.我设计一个Button，分别用margin和padding进行控制，经过八大浏览器 调试，是同一个效果——纵向不起作用。

2.同样一个Button，value="邮箱"。同时用margin和padding进行控制：火 狐和opera同样效果；chrom和IE8效果一样，字体稍有偏差。

3.我写了这样一段代码： html中代码：

 <div class="mar">
        <div class="mar">
            <table class="mar_t">
                <tr>
                    <th>中原工学院</th>
                </tr>
            </table>
        </div>
   </div>  

中原工学院

css中控制代码：

.mar{

　　　　height:20px; width:600px; border:30px blue solid; margin:100px; padding:100px;

 }

.mar_t{

　　　　border:20px red solid;

}

.mar_t th{

　　　　 border:20px red solid; font:normal bold 1em "楷体";

} .

...............................................................

进行嵌套。首先，两个border上下相互交叉50px，分别距left 50px 180px， table距div上下border距离也相差甚远，显然没有达到自己预想设计的效果。 ..................................................................

4.先于博友们分享一下，其后详解其原因或公示解决办法。

转载于:https://www.cnblogs.com/wenluren/archive/2011/01/20/1940471.html