zoukankan      html  css  js  c++  java
  • 给div加上padding和border,如何不让div整体改变

    最近要入门H5,遇到很多困惑,所以,每解决一个,我就要写在博客里,以防忘记!

    给div加上padding和border,如何不让div整体改变?

    如果想要实现这样的效果,只需要在这个div块中写入

    box-sizing:border-box;

    CSS3 box-sizing属性有3个值

    1 :  content-box;

    我想这个值就是一般浏览器的默认的,div的实际宽度 = div的width + pading + border;(标准盒模型)

    2 :  border-box;

    这个值可以不让padding盒border影响div的整体大小,div的实际宽度 = div的width (怪异盒模型)

    3 :  inherit;

    在子元素中写inherit可以继承父元素的box-sizing值;

  • 相关阅读:
    java
    java
    java
    js
    java
    异常之异常处理
    面向对象之元类
    面向对象之内置方法
    面向对象之反射
    面向对象之类方法与静态方法
  • 原文地址:https://www.cnblogs.com/Ryan777/p/10011367.html
Copyright © 2011-2022 走看看