css:calc可以利用百分比计算长度函数

banboo998

于 2020-07-04 19:10:21 发布

阅读量2.4k

点赞数

文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_20156289/article/details/107128910

版权

本文详细解析了CSS中使用百分比进行宽度计算的方法，特别是针对绝对定位元素的特殊情况，展示了如何通过精确计算实现响应式布局，对于前端开发者来说是一份实用的参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#div1 {
    position: absolute;
    left: 50px;
    width: calc(100% - 100px);
    //这里，只能左边为百分数，右边不能是百分数，这个百分数相对于父容器的宽度来算的
    border: 1px solid black;
    background-color: yellow;
    padding: 5px;
    text-align: center;
}