Question

Closed. This question needs debugging details. It is not currently accepting answers.

编辑此问题以包括 < a href=" / help/ minal- reproduction- example > > > 希望的行为、特定的问题或错误以及复制问题所需的最短代码。这将帮助其他人解答问题。

Closed 9 years ago.

Improve this question

我在页面的顶部只有火狐(firefox)有一个巨大的白色空间。我试图检查所有元素,但找不到任何问题。我还检查了未折叠的边距, 却找不到任何问题。 @ info: whatsthis

我使用HTML5,现代和杰奎里。

网址 URL:http://devvanickcom.vanickurl.com/

"https://i.sstatic.net/kJcVF.jpg" alt="页面的缩略图"/ >

Answer 1

这似乎是一个 Firefox 错误( < a href="https://bugzilla.mozilla.org/show_bug.cgi?id=451791" rel="noreferrer"\\\451791 )。折流错误。它通过 hr. clear 崩溃, 因为它没有高度/ pating/ 边界, 导致在 hr > 上方有90px的差值。 < clearlear > /code >, 但也适用浮流元素下方90px的正确差值。



通常防止差值折叠的任何修正都会阻止此行为 。 例如, 设置 < code>hr. clear { high:1 px { {/ code> 将一切推回, 但也会将事情推向像素, 这不可取 。 一个有趣的修正是设置 < code> header { pading- top:. 001em { {/ code > 。 这不会为视觉转换事物添加足够的垫子, 但足以防止差值在 < code> header < / code > 的边界外崩溃 。

或者,你可以改写你的代码以避免这个结构。

Answer 2

只需更改您 Cs 中类中的 位置 属性, 设定为 :

position: 相对 ,该类看起来像:

#logo {
    background: url("/Content/images/sprite.png") repeat-x scroll left top transparent;
    display: block;
    height: 85px;
    position: relative;
    text-indent: -9999px;
    top: -20px;
    width: 180px;
}

之后您需要更改 header nav 类 (上方的中间值为90px) 。

header nav {
    margin: 40px 0 5px;
    padding: 0;
    text-align: center;
}

然后只需要按照你需要的方式适应它, 它会看起来像这个在火狐上:

""https://i.sstatic.net/UnF8L.png" alt="此处的内置图像描述"/ >

Answer 3

它非常怪异。我想最简单和最好的方式是,像 Animusson 所说, 在时间：2012-05-25 02:55:31

上一篇：电话按住家庭/电力按钮之后的视频视频转播

下一篇：无法连接到服务器数据库系统的启动包的无效长度已被关闭, 收到快速关闭请求( pgadmin postgres docker)

友情链接