内部div与包装器相关的空间不大

Question

我无法找到解决方案..

我有三个div彼此相邻，在包装div中创建一个3列布局。出于某种原因，左边的距离包装纸的边框是40px。 其他一切都很完美，左边是一些不需要的空间。

这是我的代码..

HTML：

<div id="panelwrapper">
   <ul>
      <li>
         <div id="panel-left">
         </div>
      </li>

      <li>
         <div id="panel-mid">
         </div>
      </li>  

      <li>
         <div id="panel-right">
         </div>
      </li>                                    
   </ul>
</div>

的CSS：

#panelwrapper   {
    height: 398px;
    width: 1023px;
    border: 1px solid black;
    clear: both;
}

#panelwrapper ul li {
    display: inline;
}

#panel-left {
    width: 339px;
    height: 396px;
    border: 1px solid red;
    float: left;
}

#panel-mid  {
    width: 339px;
    height: 396px;
    border: 1px solid blue;
    float: left;
}

#panel-right    {
    width: 339px;
    height: 396px;
    border: 1px solid green;
    float: left;
}

Answer 1

您使用的是CSS重置样式表吗？

如果没有，则需要将UL的边距/填充设置为0。