Question

我的页面顶部有一个导航栏。当我将HTML直接放入页面时，它上面没有边距。但是当我使用外部HTML文件并导入它（使用PHP include）时，它上面有一个边距。所有元素的margin和padding（例如body, div, ul, li等）最初都已重置为0，作为全局重置的一部分。

PHP（include.php）：

<body><?php include("topnav.html"); ?>

外部菜单文件（topnav.html）：

<div id="top-nav">
<ul>
    <li><a href="">Item1</a></li>
    <li><a href="">Item2</a></li>
    <li><a href="">Item3</a></li>
    <li><a href="">Item4</a></li>
    <li><a href="">Item5</a></li>
    <li><a href="">Item6</a></li>
</ul>
</div>

CSS：

#top-nav {
    height:35px;
    background:#000 url('../images/tile1.jpg') repeat-x;
    margin:0;
    margin-bottom:10px;
    -webkit-box-shadow: 0 5px 5px #666;
    -moz-box-shadow: 0 5px 5px #666;
    box-shadow: 0 5px 5px #666;
}

Answer 1

您如何包含外部菜单文件？在包含之前是否有空格？如果存在，则会导致菜单偏移，以便为空白空间生成的空文本节点留出空间。要修复，只需删除包含之前的任何空格。

使用PHP时CSS布局的问题包括

1 个答案: