Css 奇怪的问题/错误,html5导航元素影响另一个项目的绝对定位

Css 奇怪的问题/错误,html5导航元素影响另一个项目的绝对定位,css,html,html5boilerplate,Css,Html,Html5boilerplate,好的,有一个奇怪的问题,我有一个绝对定位的div,在标题中。然后是一个带有边距的导航标签,对于一些人来说,是绝对定位的div,而不是位于标题左上角,它位于导航开始的位置。因此,如果导航具有100px的上边缘,则div开始向下100px 但奇怪的是,如果我将边框应用于标题,则绝对位置的div将按照我预期的方式运行。 我正在使用html5样板样式,我想这可能是个问题 如果你看一个例子,解释起来就容易多了。下面的链接是精简版,除了一个标题有边框,另一个没有边框外,还有相同的标记 问题示例: 应用边界

好的,有一个奇怪的问题,我有一个绝对定位的div,在标题中。然后是一个带有边距的导航标签,对于一些人来说,是绝对定位的div,而不是位于标题左上角,它位于导航开始的位置。因此,如果导航具有100px的上边缘,则div开始向下100px

但奇怪的是,如果我将边框应用于标题,则绝对位置的div将按照我预期的方式运行。 我正在使用html5样板样式,我想这可能是个问题

如果你看一个例子,解释起来就容易多了。下面的链接是精简版,除了一个标题有边框,另一个没有边框外,还有相同的标记

问题示例:

应用边界时问题已修复的示例

谢谢

B

编辑: 好的,我认为这实际上只是与导航有关,但如果应用div,这似乎是一样的

overflow: hidden;

到页眉。

谢谢Caio,这就是诀窍。现在的问题是它为什么会这样做。为什么有一个边框会改变它,如果它是一个与导航标签对应的div,那么问题就不存在了。我关于它只与导航相关的观点是错误的,它也会影响div的。好吧,使用overflow hidden会遇到障碍。如果你有一个下拉菜单,这将被切断。还有其他的解决方案吗?好的,我唯一能够在不影响其他任何事情的情况下开始工作的方法就是添加clearfix。