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; 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/p/1940471.html