ul在不同的浏览器有默认的padding和margin值

我是在google浏览器测试的
页面代码如下:

<!DOCTYPE html>
<html>
<head> 
    <meta charset="utf-8">
    <title>ul默认margin和padding值</title>
    <style type="text/css">
       ul{
        border:1px solid red;
        width: 200px;
        list-style: none;
       }
  </style>  
</head> 
<body>
    <ul>
  <li>Item1</li>
  <li>Item2</li>
  <li>Item3</li>
  <li>Item5</li>
  <li>Item6</li>
</ul>
  </div></body>
</html>

页面效果如下,在google浏览器中有默认是padding-left=40px,margin-left=0
这里写图片描述

在IE浏览器中测试:我的是ie9,发现并不是网上说的是默认的margin-left=40px;而是padding-left=40;
这里写图片描述

火狐浏览器暂时没有测试,因为本机没有安装。

猜你喜欢

转载自blog.csdn.net/huangbaokang/article/details/81943305