內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有關於不必要的空間爲包裝

回答

相關問題