我正在使用CSS技巧,将“margin-bottom”和“padding-bottom”设置为非常大的值,以便将侧边栏扩展到页脚。我遇到的情况是我之前使用的保证金值不足。
您可以为CSS中的margin属性赋值吗?使用非常大的值会对渲染效率/速度或浏览器稳定性产生任何影响吗?感谢。
编辑:这是我所描述的方法的精炼:Holy grail layout with 100% height
答案 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。
margin: 100000000cm; \\ 1,000 km of margin in all directions
。
这需要一个巨大的监视器。
还值得考虑的是浮点数是有效输入,例如margin: 1.999rem
。