1. 홈
  2. 질의 응답
  3. CSS는 UL 및 이유는 단순히 몸 선택기를 사용하여 UL과 OL에 패딩과 16px의 상단과 하단 여백을 왼쪽 기본 40px를 제거 할 수 없습니다 패딩 속성

CSS는 UL 및 이유는 단순히 몸 선택기를 사용하여 UL과 OL에 패딩과 16px의 상단과 하단 여백을 왼쪽 기본 40px를 제거 할 수 없습니다 패딩 속성

2017-09-26 7 views
0

https://codepen.io/________/pen/bogMwJCSS는 UL 및 이유는 단순히 몸 선택기를 사용하여 UL과 OL에 패딩과 16px의 상단과 하단 여백을 왼쪽 기본 40px를 제거 할 수 없습니다 패딩 속성

을 상속하지 올 일반? 왜이 여백과 패딩을 제거하려면 ul, ol 및 li 선택자를 사용해야합니까?

<header> 
<style> 

    body {margin: 0; padding: 0} 

    ul, li {margin: 0; padding: 0} 
</style> 
</header> 
<body> 

<h1>CSS</h1> 

    <ul> 
     <li>Lorem ipsum</li> 
     <li>Lorem ipsum</li> 
     <li>Lorem ipsum</li> 
    </ul> 


    <ol> 
     <li>Lorem ipsum</li> 
     <li>Lorem ipsum</li> 
     <li>Lorem ipsum</li> 
    </ol> 

</body>

출처

2017-09-26 Chris Attencio

답변

2

ul 및 ol 태그 몸에 설정하여 덮어 쓸 수 없습니다 브라우저에서 설정 한 기본 마진과 패딩을 가지고있다. 태그에 직접 설정해야합니다.

ul, ol { 
    margin: 0; 
    padding: 0; 
}

출처

2017-09-26 05:52:53

 관련 문제

  • 관련 문제 없음^_^