내부 사업부 나는이에 대한 해결책을 찾을 수 없습니다

Question

래퍼 관련하여 불필요한 공간이 ..

내가 만들 수있는 서로 옆에 떠있는 세 개의 div가있는 3 열 누워 아웃 래퍼 DIV 내에서. 어떤 이유로 왼쪽 래퍼는 래퍼 경계에서 40 픽셀 떨어져 있습니다. 그 밖의 모든 기능은 완벽하게 작동합니다. 왼쪽의 원하지 않는 공간 만 있습니다.

이는 .. 내 코드입니다

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으로 설정해야합니다.