suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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

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

伊谢尔伦伊谢尔伦2785 Tage vor678

Antworte allen(3)Ich werde antworten

  • 怪我咯

    怪我咯2017-04-17 11:01:36

    CSS3 的方法

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

    Antwort
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:01:36

    css3有个计算器 calc()
    可以这样写:

    p {
    width:-webkit-calc(100%-100px);
    width:-moz-calc(100%-100px);
    width:calc(100%-100px);
    }

    Antwort
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:01:36

    在此p的外面再套一个p,让这个p的padding或者margin(不过注意一定是标准盒模型)为50px(具体看你的需求,如果不想居中的话就改改相应的参数)

    我不知道这个p的宽度100%是你不能改还是怎么着,如果可以改的话,直接把width:100%去掉,加上margin:50px也就可以了,还可以少个p

    Antwort
    0
  • StornierenAntwort