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

标签 css html html5boilerplate

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

但奇怪的是,如果我将边框应用到页眉,绝对定位的 div 将按照我的预期运行。 我正在使用 html5 样板样式,我想这可能是问题所在。

如果您查看示例,则更容易解释。以下链接是精简版,除了一个标题有边框而另一个没有边框外,它们具有相同的标记。

问题示例: http://bennyb.co.uk/test/no-border.html

应用边框时修复问题的示例 http://bennyb.co.uk/test/border.html

谢谢

B

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

最佳答案

申请

overflow: hidden;

到标题。

关于css - 奇怪的问题/错误,html5 导航元素影响另一个元素的绝对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11787697/

相关文章:

Python - 编辑本地 HTML 文件 - 我应该将所有内容编辑为一个字符串还是逐行编辑为一个数组?

css - 手机上的字体大小

css - 我应该如何使用 index.html?

html - 是否有一个 CSS 验证器不像 W3C 那样严格,可以验证诸如 normalize.css 之类的内容?

javascript - 如果某些 dom 节点 float : left or they go down to a new line?,我如何用 javascript 判断

css - 是否可以使用 Rem 单位定位所有内容?

html - 如何通过 Web 应用程序上的链接加载选项卡?

javascript - JavaScript 表单中的边框颜色不会覆盖

JavaScript 将 blob 保存到 localStorage

javascript - 如何在 JS 插件中现有的之上添加转换