内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; 
}

来源

2013-02-25 Attafaz

您使用的CSS样式表复位？

如果不是，则需要将UL的边距/填充设置为0.

来源

2013-02-25 20:49:07 pdoherty926

我没有使用重置样式表。不幸的是，调整边距/填充不起作用。我在使用jQuery里的Kwicks里面的这些div，但我不认为这是干扰。 – Attafaz 2013-02-25 21:10:03

你可以创建一个JSFiddle吗？ – pdoherty926 2013-02-25 21:11:05

我正在使用Kwicks js脚本。我不得不承认，我对这件事很陌生，头部有一些编码，其他编码链接到一个.js文件。我真的不知道如何正确地将数据输入到JSFiddle tbh中。 – Attafaz 2013-02-25 21:24:48

内div有关于不必要的空间为包装

回答

相关问题