【问题标题】:body: padding-top: 60px + height 100% = strange resultsbody: padding-top: 60px + height 100% = 奇怪的结果
【发布时间】:2023-04-07 21:23:01
【问题描述】:

我有一个带有height: 60px; left 的固定标题,顶部和左侧0

因此我的身体得到padding-top: 60px

现在看看会发生什么......

body 的 padding-top 正好是 header 高度的一半。

简直是疯了…… 嗯,其中一个在说谎……对吧?

我总是因为身体上的填充物而遇到各种麻烦。 这里发生了什么?

我尝试了什么

position: static 不会改变任何事情。

元:

该问题出现在最新的 Safari、Chrome 和 Firefox 上 MacBook Pro Retina 15'' 2013 年末运行 OS X 10.11.6

【问题讨论】:

  • 只是为了指出 CSS 的正确性,您应该使用 margin 而不是填充。 padding 用于内部样式元素,margin 用于外部样式,这就是您在这里所做的。只是一些思考的食物。

标签: html css


【解决方案1】:

在写这篇文章的时候发现了问题; 仍然想分享它,也许得到一些意见。

我在<body>(和<html>)上有height: 100% 这导致了这种行为。

我仍然想知道为什么它是“完美的一半”以及为什么会发生。

请不要问我为什么要设置 height:100% 开头; ..它在以前的项目中是有原因的,但我不记得了。

【讨论】:

    猜你喜欢
    • 2021-06-20
    • 1970-01-01
    • 2015-05-12
    • 2017-01-24
    • 2013-07-07
    • 2017-02-27
    • 2023-01-19
    • 2011-12-01
    • 2011-05-27
    相关资源
    最近更新 更多