标题元素嵌入导航元素

我不知道为什么标题嵌入到导航栏中，因为它们是不同的元素？需要导航下的标题，没有喜悦。感谢预期。 Link:https://jsfiddle.net/a6jxea0v 标题元素嵌入导航元素

2016-06-15 Dean Hampson

你有你的导航元素设定在固定的位置。这将它从相对定位中移除并将其修复在屏幕的顶部。头文件元素现在是文档中最顶层的元素，并且它漂浮在屏幕的顶部（它隐藏在标题后面）。您只需要在CSS上工作。如果是我，我只需在相对定位元素的顶部添加一个边距/填充值，以便内容清除导航元素。解决这个问题的另一种方法是从nav元素中删除'position：fixed;'。 – zipzit

谢谢，zipzit！我不知道固定位置元素是从文档流中删除的！ –

添加padding-top:45px;到你的头，因为你的导航栏有固定的位置，头球机身顶部开始，所以你需要添加到顶的间距按导航栏的高度。

header { 
    width: 100%; 
    margin: 0; 
    padding:45px 0 0; 
    color: #000; 
}

这里的jsfiddle：https://jsfiddle.net/a6jxea0v/2/

来源

2016-06-15 05:38:26

嗨，Mukesh。有没有其他的方法可以将导航栏放回原来的位置（屏幕顶部）和下面的标题而不使用填充？你知道标题元素悬浮在导航中的原因吗？ –

因为你有固定的导航栏，所以标题开始在身体的顶部位置，它隐藏在导航栏下方 –

非常感谢。 –

标题元素嵌入导航元素

回答

相关问题