为什么我们把 calc 写成 width 属性? width:100% - 80px; = width:calc(100% - 80px);
why we write calc in width property? width:100% - 80px; = width:calc(100% - 80px);
为什么我们写 calc 宽度 属性?
width:100% - 80px; =
width:calc(100% - 80px);
html 这里
<div>any text here</div>
css 这里
div{
background:#f00;
width:calc(100% - 10px);
padding:30px;
}
因为否则旧版浏览器可能会将“100% - 10px”视为“100%”或以异常方式失败。使用 calc() ,旧版浏览器将更正确地失败并确保兼容性。这很典型 css/html...我们总是与过去作斗争。
您的示例代码告诉我们您的 div 宽度比其容器的 100% 小 10 像素。你还会怎么做?
如果你的父容器是 100% 宽(你不知道它实际有多宽(在流体设计中))但你知道你希望它比它的父容器小 10px。
回答你的问题,为什么?有很多*不同的原因,每个人都会对哪个 "why" 更重要有意见。最好调查一下它的使用方式,然后再决定何时使用它。
为什么我们写 calc 宽度 属性?
width:100% - 80px; =
width:calc(100% - 80px);
html 这里
<div>any text here</div>
css 这里
div{
background:#f00;
width:calc(100% - 10px);
padding:30px;
}
因为否则旧版浏览器可能会将“100% - 10px”视为“100%”或以异常方式失败。使用 calc() ,旧版浏览器将更正确地失败并确保兼容性。这很典型 css/html...我们总是与过去作斗争。
您的示例代码告诉我们您的 div 宽度比其容器的 100% 小 10 像素。你还会怎么做?
如果你的父容器是 100% 宽(你不知道它实际有多宽(在流体设计中))但你知道你希望它比它的父容器小 10px。
回答你的问题,为什么?有很多*不同的原因,每个人都会对哪个 "why" 更重要有意见。最好调查一下它的使用方式,然后再决定何时使用它。