大佬教程收集整理的这篇文章主要介绍了html – CSS Calc:使用百分比时错误的值?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题,CSS calc返回%的错误值.
我的想法是创建一个粘性侧边栏,首先滚动到最后,然后它一直保持到内容结束.它适用于vh单位,当我使用div的绝对高度时,但是当我使用%时.
.sidebar {
position: sticky;
top: calc(100vh - 100%); <-- does not work
top: calc(100vh - 1600pX); <-- works as expected.
}
所以也许我误解了%在这个上下文中意味着什么(我的理解:应用类.sidebar的对象的高度)或者calc()只是不好用?
似乎答案不是使用父级高度,因为这会导致更大的值,导致侧边栏底线比视口底部更高,但实际上更低.
感谢,并有一个愉快的一天!
top: 0
以上是大佬教程为你收集整理的html – CSS Calc:使用百分比时错误的值?全部内容,希望文章能够帮你解决html – CSS Calc:使用百分比时错误的值?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。