html - 为什么我们在 width 属性中写 calc ？宽度 :100% - 80px; = width:calc(100% - 80px);

Question

为什么我们在width属性中写calc？ 宽度:100% - 80px； = 宽度:计算(100% - 80px)； html在这里 <div>any text here</div>
和 css 在这里

div{
background:#f00;
width:calc(100% - 10px);
padding:30px;

Answer 1

您的示例代码告诉我们您的 div 宽度比其容器的 100% 小 10px。你还会怎么做？

如果你的父容器是 100% 宽(你不知道它实际有多宽(在流体设计中))但你知道你希望它比它的父容器小 10px。

回答你的问题，为什么？有很多*不同的原因，每个人都会对哪个“为什么”更重要有意见。最好调查一下它的使用方式，然后再决定何时使用它。