CSS篇-01width:100%和width:auto区别

CSS第一篇：width:100%和width:auto

先了解一些基础~

div不设置宽度的话，那么width为auto，即auto为默认。
div的width在默认情况设置的是盒子模型中content的值。

区别：

div的width为100%表示的是此div盒子内容部分的宽度为其父元素的宽度
也就是说：

width:100%时

子元素的content宽度等于父级的content宽度

---

div的width不设置，或者设置为auto,那么表示的这个div的所有部分（内容、边框、内边距等的距离加起来）为父元素宽度

width:auto时：

子元素的 content+margin（左右）+border（左右）+padding（左右）等于父级的content宽度

---

上代码

<style>
        .father{
            width: 300px;
            height: 300px;
            border: 1px solid #000;
        }
        .child1{
            width: 100%;