Question

我的css很少，我无法删除顶部和标题之间的奇怪空间。

container.css

final static String[] codes = {
        "‪#‎F0F8FF‬", "‪#‎FAEBD7‬", "‪#‎00FFFF‬",
        "‪#‎7FFFD4‬", "‪#‎F0FFFF‬", "‪#‎F5F5DC‬", "‪#‎FFE4C4‬",
        "#000000", "‪#‎FFEBCD‬", "‪#‎0000FF‬", "‪#‎8A2BE2‬",
        "‪#‎A52A2A‬", "‪#‎DEB887‬", "‪#‎5F9EA0‬", "‪#‎7FFF00‬",
        "‪#‎D2691E‬", "‪#‎FF7F50‬", "‪#‎6495ED‬", "‪#‎FFF8DC‬",
        "‪#‎DC143C‬", "#00FFFF", "‪#‎00008B‬", "‪#‎008B8B‬",
        "‪#‎B8860B‬", "‪#‎A9A9A9‬", "#A9A9A9", "#006400",
        "‪#‎BDB76B‬", "‪#‎8B008B‬", "‪#‎556B2F‬", "‪#‎FF8C00‬",
        "‪#‎9932CC‬", "#8B0000", "#E9967A", "#8FBC8F",
        "#483D8B", "#2F4F4F", "#2F4F4F", "#00CED1",
        "#9400D3", "#FF1493", "#00BFFF", "#696969",
        "#696969", "#1E90FF", "#B22222", "#FFFAF0",
        "#228B22", "#FF00FF", "#DCDCDC", "#F8F8FF",
        "#FFD700", "#DAA520"};

我内心

header.css

display: table;
height: 100%;

它的外观

由于某些原因，将填充和边距设置为0无效。

只有一种移动标题的方法是改变

text-align: center;
width: 90%;
padding: 0px;

在我改为-22之前它没有改变。

如果我将其更改为-23（确切地说是-23），那么它会移出页面，如下所示：

有人可以帮忙找到原因吗？谢谢你的帮助。

fiddle - 尝试更改标题的上边距

Answer 1

您的菜单和内容都被视为表格单元格。添加

.main-box { vertical-align: top; }

到你的CSS去除汽车保证金。

Answer 2

添加此css

vertical-align: top;

Answer 3

在HTML中，一些元素带有自己的边距和填充。要删除此默认边距，填充我们应该“重置css”。

在您的css中添加以下代码

*{
    margin:0;
    padding:0;
}

检查是否有帮助：）

star（*）是通用选择器。它将重置所有元素边距和填充。

无法消除顶部和标题之间的间隙

3 个答案: