如何解决如何重写我的嵌套 CSS 计算操作
如何重写
margin: 15px calc(-100vw / 2 + 1009px / 2); // 1024px -15px padding
现在我必须编写所有媒体查询并指定精确的宽度,减去 15px(在我的情况下)才能使其正常工作。
我可以在这里使用另一个 1009px / 2
来代替 calc()
,例如 (calc(100vw - 15px)) / 2
吗?
解决方法
嵌套 calc
很好,但是 note that is not supported in IE11。此外,您需要保持间距约定:
p {
padding: calc(calc(5px + 5px) + calc(5px + 5px));
border: 1px solid black;
}
<p>Hello! I have a padding of 20px!</p>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。