【问题标题】:Logic behind setting 100% to width and height of a div将 100% 设置为 div 的宽度和高度背后的逻辑
【发布时间】:2016-11-19 10:01:07
【问题描述】:

这可能是一个愚蠢的问题。但是,我找不到这个问题的确切原因。每当我将 100% 设置为 div 的宽度和高度时,它不会采取这种行为,但是当我将 Html 和 body 元素的宽度和高度设置为 100% 时,具有 100% 大小的 div 可以完美运行。背后的原因是什么?在此先感谢:)

【问题讨论】:

  • 如果您的 html 正文小于您的 div,您无法将大盒子放入小盒子中。它不适合它,所以你需要使用 100% 的宽度给身体而不是你可以给 100% 的宽度给 div。
  • 在大多数浏览器中,<html> 和/或 <body> 都有默认样式,其中包含一些边距,请参见此处:stackoverflow.com/a/19101740/1781026stackoverflow.com/q/13127887/1781026
  • 谢谢@MudassarSaiyed。现在我清楚了。

标签: html css


【解决方案1】:

问问自己:100% 是什么?答案是:100% 的父元素,在很多情况下是body,其父元素又是HTML 标签。

【讨论】:

    猜你喜欢
    • 2017-03-27
    • 2012-04-29
    • 2015-11-28
    • 2018-01-15
    • 2018-10-14
    • 1970-01-01
    • 2014-05-26
    • 2013-04-04
    • 1970-01-01
    相关资源
    最近更新 更多