는 보편적 인 선택

내가 웹 페이지의 상단 여백을 제거 할 수없는 최고 패딩을 제거 할 수 없습니다.는 보편적 인 선택

는

HTML :

는

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="style.css"> 
    <title>Test Page</title> 
</head> 
<body> 
    <div class="textbox"> 
     <ul> 
      <li>Object 1</li> 
      <li>Object 2</li> 
      <li>Object 3</li> 
      <li>Object 4</li> 
      <li>Object 5</li> 
      <li>Object 6</li> 
      <li>Object 7</li> 
      <li>Object 8</li> 
      <li>Object 9</li> 
      <li>Object 10</li> 
     </ul> 
</body> 
</html>

CSS는 :

html { 
    margin: 0; 
    padding: 0; 
} 
body { 
    margin: 0; 
    padding: 0; 
} 


.textbox { 
    background: red; 
    height: 50px; 
} 


.textbox ul { 
    overflow: auto; 
} 


.textbox li { 
    display: inline; 
}

내 코드에 이것을 추가, 패딩 문제가 사라,하지만 난 * 선택기를 사용하지 않으.

* { 
    margin: 0; 
    padding: 0; 
}

유니버설 선택기가 없으면 어떻게 상단 패딩을 제거 할 수 있습니까? 도움 주셔서 감사합니다.

출처

2014-02-10 whileloop

일반 재설정을 사용하고 싶습니다. 'ul' 엘리먼트에 여백이나 패딩이 남아있을 가능성이 있습니다. –

그냥 제거해야하므로, 당신은 또한 편리한

상향 링크 요소는 여유가

http://jsfiddle.net/8vsd2/

출처

2014-02-10 21:04:36 Huangism

로 제공 http://meyerweb.com/eric/tools/css/reset/로 볼 수 있습니다 UL

ul { 
    margin: 0; 
}

에 여백 0 적용 그렇게하면, 이것은 당신이 목표로 삼고있는 ul만을 위해 그것을 제거합니다.

.textbox ul { 
    overflow: auto; 
    margin: 0; 
}

출처

2014-02-10 21:05:10 joseeight

는 보편적 인 선택

답변

관련 문제