Question

好的抱歉，如果这是一个愚蠢的问题，我已尽力寻找可能的解决方案或类似的问题，虽然有关于<div>空格的问题，但当我尝试时，解决方案不起作用实现它。

所以基本上来说明问题。我的页面显示了这个：

当我希望它显示时:(通过Paint编辑）

以下是正文的代码：

<body>
    <div id="site-wrapper">
        <header>
            <nav id="header-panel">
                <p>Welcome <?php echo $_SESSION['name']; ?>!</p>
            </nav>
        </header>

        <div id="core">
            <div id="left-nav">
                a
            </div>
            <div id="main-core">

            </div>
        </div>

        <footer>

        </footer>
    </div>
</body>

现在CSS中没有什么特别的东西，只是颜色，所以这个安排的默认行为就是这样。我已经尝试更改边距和div的显示类型，但没有变化，他们仍然喜欢他们的空间。

header {
    background: #ffaa99;
    font-size: 1.5em;
    color: #333;
    margin: 0; padding: 0;
}

div{
    margin: 0; padding: 0;
    /* border: solid 1px black; */
}
#left-nav{

    background: #e0e0e0;
    display: inline-block;
    width: 250px;
}

Answer 1

浏览器具有默认样式表，其中包含默认边距等。最好包含一个CSS重置文件，该文件基本上会删除所有默认值，以便您获得预期的行为。

有许多网站会为您提供此代码，包括：

http://cssreset.com/

div和页面之间的空格

1 个答案: