html - 没有通用选择器就无法摆脱顶部填充

标签 html css margin padding

我无法摆脱网页上的顶部填充。

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;
}

在没有通用选择器的情况下,如何去除顶部填充? 感谢您的帮助。

最佳答案

将你的 margin 0 应用于 ul

ul {
    margin: 0;
}

您还可以查看 http://meyerweb.com/eric/tools/css/reset/它派上用场了

http://jsfiddle.net/8vsd2/

关于html - 没有通用选择器就无法摆脱顶部填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21687829/

相关文章:

html - Mix-blend-mode 不适用于手机浏览器

javascript - 如何使文本适应椭圆文本区域或文本输入元素

html - 单击子元素时如何删除元素的事件状态

css - 从嵌套的内联 block 中删除默认的上边距

javascript - 你如何重构 JavaScript、HTML、CSS 等?

javascript - HTML 在代码中获取文本

jquery - 将 jQuery 输入掩码用于比率?

css - 如何使表单中的值文本为斜体

vim - 如何在vim中增加行号边距的间距?

css - CSS 和 Internet Explorer 7 的神秘问题