Question

过去几天我一直在网站上工作，今天我只想在页面顶部向下移动导航栏时遇到问题。这对我来说从来都不是问题，但我现在已经多次读过我的代码了，我无法找到错误。

我所做的是在我的导航div中添加 margin-top：50px; ，然后继续在父div上方创建一个白色边框。

CSS

#section1 {
background-image: url("images/section1bg.jpg");
width: 100%;
margin: 0;
padding: 0;
position: relative;
}

#topnav {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
text-align: right;
width: 400px;
padding-bottom: 10px;
border-bottom: 1px solid white;
position: relative;
}

HTML

<div id="section1">
<div id="topnav">
    <a href="#" class="topnav">Languages</a>
    <a href="/contact/"  class="topnav">Contact</a>
</div>
    ... other content
</div>

下面的图片应该显示问题。 http://i.stack.imgur.com/8e1mW.png

如果有人知道该怎么做，我很乐意听取您的意见。谢谢:)）

Answer 1

将<table id="content_table"> <tbody> <tr> <td id="side_content"> <div class="side_content_title">title</div> <div class="side_content"><br/><br/></div> </td> <td id="main_content"> <div class="main_content_title">title</div> <div class="main_content"> Lorem ipsum<br/><br/> </div> </td> <td id="side_content"> <div class="side_content_title">title</div> <div class="side_content"><br/><br/></div> </td> </tr> </tbody> </table>更改为margin-top: 50px;

padding-top: 50px;

Answer 2

现在定义您的 #section1 id css overflow:hidden;

#section1 {
    overflow: hidden;
}

<强> Demo Fiddle

Answer 3

你想要什么颜色的白色＆＃39;空间你可以在顶部创建一个div

<div style="background-color:#black;width:100%;height:50px"><div>

尝试移动div时，白色边缘在顶部添加

3 个答案: