CSS中最大可能的保证金价值?

时间:2015-01-24 23:13:41

标签: css

我正在使用CSS技巧,将“margin-bottom”和“padding-bottom”设置为非常大的值,以便将侧边栏扩展到页脚。我遇到的情况是我之前使用的保证金值不足。

您可以为CSS中的margin属性赋值吗?使用非常大的值会对渲染效率/速度或浏览器稳定性产生任何影响吗?感谢。

编辑:这是我所描述的方法的精炼:Holy grail layout with 100% height

2 个答案:

答案 0 :(得分:1)

我怀疑大多数浏览器都遵循通常在整数和浮点数中找到的值范围,就像在C / C ++ / C#和Java和JavaScript等语言中看到的那样。

此外,如果您使用的是32位与64位架构,这些范围会有所不同。

总之,有限制,我不确定它们到底是什么。

答案 1 :(得分:0)

我的建议是查看current monitor resolutions并将您的值设置为大于您希望用户拥有的典型显示器分辨率。例如,假设您不希望用户的监视器大于4K UHD。 4K UHD的分辨率为3840×2160像素。您可以使用4000px作为上限。

同样需要考虑:

  • W3C标准似乎mute on this point

  • 我还注意到,如果值太高,某些浏览器可能会冻结。在我的一个测试中,填充(非边距)值为99999999px 有时锁定了chrome。

  • 也可以使用units of centimeter (cm)

    margin: 100000000cm; \\ 1,000 km of margin in all directions

    这需要一个巨大的监视器。

  • 还值得考虑的是浮点数是有效输入,例如margin: 1.999rem