关于<ul></ul>标签 -webkit-padding-start: 40px;兼容性问题

这是ul部分CSS代码：

.nav ul{
   list-style-type:none;
   width:200px;
   height:30px;
   }

css代码部分没有任何问题

这是html代码：

  <div class="nav">
    <ul>
	    <li>首页</li>
	    <li>博客</li>
	    <li>简介</li>
	    <li>电话</li>
	</ul>
   </div>

都是很简单的代码

却出现如下的问题：

ul左边明显想左边偏离div盒子40px，于是样式产生一系列莫名的变化，包括li标签内文字变成了竖版（莫名其妙，可能是我宽度也写得比较小）

解决方法：

一：

*{margin：0；padding：0}

（代码写起来很简单，但通常不建议使用，因为是通配符，会把所有标签遍历一遍，如果网站较大，会占用很多资源）

二：

1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td {margin:0; padding:0;}   

（看起来有点长，但明确写明了每个标签元素内外边界初始化，推荐使用。）