我无法摆脱网页上的顶部填充。
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;
}
在没有通用选择器的情况下,如何去除顶部填充? 感谢您的帮助。
最佳答案
关于html - 没有通用选择器就无法摆脱顶部填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21687829/