开发者社区> 问答> 正文

有没有办法让宽度是100%的div减少100px

有没有办法用纯CSS实现某个width:100%的div宽度减少100px。
不想用js实现,不知道CSS3里有没有这个方法,当然能兼容越多浏览器越好。

展开
收起
杨冬芳 2016-06-14 11:43:48 2409 0
1 条回答
写回答
取消 提交回答
  • IT从业

    CSS3 的方法

    div {

    width:100%;
    box-sizing:border-box;
    border-left:100px solid transparent;

    }

    我更偏好用 padding 调整 content 宽度。 box-sizing 当前在 Firefox 还需要 -moz 前缀。 针对IE 7 和IE 6 可以用这个polyfill: https://github.com/Schepp/box-sizing-... ,他会动态重新算width / height,但是对于动态加入的elements 或是动态设定box-sizing: border-box 的,他就不能处理出来了,只能处理他执行当下就有的那些。

    2019-07-17 19:37:09
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载