outWidth不在规范内,  占据尺寸–包括margin的宽

老三言 margin重叠经常特性
  1.block程度元素(不包float和absolute元素)
  2.非考虑writing-mode(文字书写方向是打达成及下的),只来在笔直方向的(margin-top/margin-bottom)

    应用 :实现一侧定宽的打适应布局
      <img width=”150px” style=”float:left;”>
      <p style=”margin-left:170px”>图片左浮动</p>

    4.position与margin
      相对定位元素不定点方向的margin值“无效”
      相对定位的margin值一直有效,不只是比如说一般元素这样。
    5.鞭长莫及的margin失效
      bfc内容块被而面前有变化元素这下一个因素的margin是争持与外层的div总括的。
    6.内联导致的margin失效
      div[style=”height:200px;background-color:#f0f3f9;”]>img[style=”marign-top:30;”]
      当margin-top充裕大之时候失效了。
      解释:内联元素要落实和基线对一起,在图片后加x可以见到,无论margin-top有差不多少路程,他都未会面脱离容器外面。

其三讲话 margin重叠平日特性
  1.block品位元素(不包括float和absolute元素)
  2.免考虑writing-mode(文字书写方向是于上顶下之),只发在直方向的(margin-top/margin-bottom)

    假使干定值,一侧auto,auto为结余空间大小,如若两侧都是auto,则平均剩余空间

    <div style=”float:left;width:100%”>
      <p style=”margin-right:170px;”>图片右边变</p>
    </div>
    <img width=”150px;”
style=”float:left;margin-left:-150px;”/>

第六谈 css marign无效意况解析
  1.inline品位元素的垂直margin无效
  2单前提 1.非替换元素,例如非是img元素;2.正常化书写格局
  例
    <span style=”margin:0px”>marign:0px</span>
    给span设置margin233px;
    水平及有效性的,垂直方向是无用的。
    2.margin重叠
    3.display:table-cell
      display:table-cell/display:tab-row等声明margin无效!

    实现垂直方向margin居中
      更改流为垂直方向,实现垂直方向的margin:auto
      writing-mode与直居中(css3)
      .father{height:200px; width:100%;
wiriting-mode:vertical-lr;}
      .son{height:100px;width:500px;margin:auto;}
    absolute与margin居中
      .father{height:200px;position:relative;}
      .son{position:absolute; top:0px right:0px
bottom:0px;left:0px}
      .son没有width/height,absolute元素自动填写满了容器。

其次话:css margin与比例单位——明白margin百分比单位
      水平方向百分比/垂直方向百分比
      普通元素百分比/相对元素百分比

      margin-bottom重叠
        1.1父元素非块状格式化上下文元素
        1.2父元素没有border-bottom设置
        1.3父元素没有padding-bottom值
        1.4父元素和终极一个子元素之间莫inline元素分隔
        1.5父元素没有height,min-height,max-height限制
      干掉margin-top重叠
        .father{background:#f0f3f9}
        <div class=”father”>
          <div class=”son”
style=”margin-top:80px;”>son</div>
        </div>
      1.父元素非块状格式化上下文元素 .father:overflow:hidden;
      2.父元素没有border-top设置
        .father:border:4px solid #ccc;
      3.父元素没有padding-top值
      4.父元素和率先只子元素之间从未inline元素分隔
        <div class=”father”> 
          <div class=”son”
style=”margin-top:80px;”>son</div>
        </div>
        干掉margin-bottom重叠
        前面两个和margin-top一样,
          <div class=”father”
style=”height:100px”> 
            <div class=”son”
style=”margin-top:80px;”>son</div>
          </div>

          .father{margin-top:20px;}
          .son{margin-top:50px;}
      <div class=”father”>
        <div class=”son”></div>
      </div>

次讲话:css margin与比例单位——理解margin百分比单位
      水平方向百分比/垂直方向百分比
      普通元素百分比/相对元素百分比

      margin-bottom重叠
        1.1父元素非块状格式化上下文元素
        1.2父元素没有border-bottom设置
        1.3父元素没有padding-bottom值
        1.4父元素和尾声一个子元素之间没有inline元素分隔
        1.5父元素没有height,min-height,max-height限制
      干掉margin-top重叠
        .father{background:#f0f3f9}
        <div class=”father”>
          <div class=”son”
style=”margin-top:80px;”>son</div>
        </div>
      1.父元素非块状格式化上下文元素 .father:overflow:hidden;
      2.父元素没有border-top设置
        .father:border:4px solid #ccc;
      3.父元素没有padding-top值
      4.父元素和第一个子元素之间没有inline元素分隔
        <div class=”father”> 
          <div class=”son”
style=”margin-top:80px;”>son</div>
        </div>
        干掉margin-bottom重叠
        前面四独与margin-top一样,
          <div class=”father”
style=”height:100px”> 
            <div class=”son”
style=”margin-top:80px;”>son</div>
          </div>

    4.position与margin
      相对定位元素不固定方向的margin值“无效”
      相对定位的margin值一向有效,不只是诸如平日元素这样。
    5.鞭长莫及的margin失效
      bfc内容块被而前方来浮动元素这下一个元素的margin是相对与外层的div总括的。
    6.内联导致的margin失效
      div[style=”height:200px;background-color:#f0f3f9;”]>img[style=”marign-top:30;”]
      当margin-top充分深之时段失效了。
      解释:内联元素要落实与基线对一头,在图后加x可以见到,无论margin-top有差不多少距离,他都无会师退出容器外面。

          </div>
        </div>
      利用特色
        宽高2:1从适应矩形
          .box{background-color:olive; overflow:hidden;}
          .box > div{margin:50%}
        这里还干一个只有是点就是margin重叠。这里安装overflow
也是盖制止margin重叠

第七话margin-start和margin-end
    margin-start
    img{
      margin-left:100px;
      -webkit-margin-start:100px;
      -moz-margin-start:100px;
      margin-sart:100px;
    }
    1.例行的流向,margin-sart等同于margin-left,两者重叠不加上;
    2.而水平没有从左边为左,margin-start等与与margin-right;direction:ltr(rtl)
    3.以直流下(writring-mode:vertical-lr),margin-sart等同于margin-top
    webkit下的外margin相关属性
      margin-before
        img{-webkit-margin-before:100px;}
默认流向的处境下,等同于marign-top
      margin-after
        img{-webkit-marign-after:100px;}
默认流向的情景下,等同于margin-bottom;
      margin-collapse 外边框重叠
        -webkit-margin-collapse: collapse|discard|separate
         控制margin重叠
         collapse默认-重叠
         discard 取消
         separate 分隔 没有重叠

    .a{margin-top:-20px;margin-bottom:-50px}
    <div class=”a”></div>
    上边的结果尚且是-50px
    margin重叠的含义是?
    网页诞生之初…………只是排版文字布局用,没有先天这般复杂。
      1.连段落或列表之类,假如没margin重叠首尾项间距会和其余兄弟标签1:2关联,排版不自;
      2.web负此外地点嵌套或直接放入任何裸div都未谋面潜移默化原本的布局
      3.掉的空人一个p元素,不要影响原本的看排版

    IE8+以上协助!
第五讲话:css margin负值定位
    1.margin负值下之两边对伙同(margin改变元素尺寸)
    例子
      .box{
        width:1200px; margin:auto;background:orange;
        .ul{overflow:hidden;}
        .li{
          width:380px;height:300px;
          margin-right:20px;
          background:green;
          float:left;
        }
      }
    实现之列表最终一个留给有间隙。
      而由此margin负值来改容器的尺寸,让容器变富裕。能圆解决此问题
    .box{
      width:1200px; margin:auto;background:orange;
    .ul{overflow:hidden;margin-right:-20px;}
    .li{
      width:386.66px;height:300px;
      margin-right:20px;
      background:green;
      float:left;
     }
    }
    2.margin负值下的抵高布局 margin改变元素占据空间
    margin与上下留白
    <div style=”height:200px;”>
      <img height=”300px” style=”margin:50px 0;” />
    </div>
    .box{overflow:hidden;resize:vertical;}
    .child-orange,
    .child-green{margin-bottom:-600px;padding-bottom:600px;}
    .child-orange{float:left;background:orange;}
    .child-green{float:left;background:green;}

  margin重叠3种情境
    1.相邻之弟兄元素
      p{line-height:2em;margin:1em 0;background:#f0f3f9;}
        <p>第一行</p>
        <p>第二行</p>
      这里就是汇合发margin重叠了
    2.父级和第一个/最终一个子元素
      .father{background:#f0f3f9}
      <div class=”father”>
        <div class=”son”
style=”margin-top:80px;”>son</div>
      </div>
      给子第一独或最终一个子元素设置margin等同于吃父元素设置同一之margin值,子元素相同margin,子元素和父元素一样的margin值
    3.空的block元素
      .father{background:#f0f3f9}
      <div class=”father”>
        <div class=”son”></div>
      </div>
      这里son的中度就来1em,不是2em
      空block元素margin重叠其他标准
        1.元素没border设置
        2.元素没有padding值
        3.之中没有inline元素
        4.没有height,或者min-height

    margin重叠的估算规则
      1.正正取大值
        .a{margin-bottom:50px;}
        .b{margin-top:20px;}
        <div class=”a”></div>
        <div class=”b”></div>

    .father{margin-top:-20px;}
    .son{margin-top:-50px;}
    <div class=”father”>
      <div class=”son”></div>
    </div>

      相对定位元素的百分比margin
        img{margin:10%; position:absolute;}
      相对元素的百分比margin凡是相持与第一只定点元素的祖辈元素具有(relative/absolute/fixed)的幅度总结的。普通元素的凡相对与父元素的来计量的。
        <div style=”width:1024px;height:200px;
position:relative;”>
          <div style=”width:600px; height:200px”>
           <img style=”margin:10%;position:absolute;”
/>

      margin-top重叠
        1.1父元素非块状格式化上下文元素
        1.2父元素没有border-top设置
        1.3父元素没有padding-top值
        1.4父元素和率先单子元素之间平素不inline元素分隔

    尽管安width或height,自动填写特性就是会师被盖
      div{width:500px;background:#f0f3f9;}
      此时的margin值是0px
    如果设置值width或height,自动填写特性即会师吃掩。

    原来该填的尺寸为width/height强制变更,而margin:auto就是为填充这么些改变的尺寸设置的;
      div{width:500px;marign-right:100px;margin-left:auto;}

    解释:假使.son没有设置height:100px;低度会自行200px高为?——NO
所以margin谈不上自行填写充,强制安装宽度中度, 所以是免谋面自行填写的。
    注意:水平方向达成使果实大于父,总结结果吧负值的当儿也是休居中之。

    .father{height:200px;background:#f0f3f9;}
    .son{height:100px; width:500px;margin:auto;}
    水平在中了,垂直不居中。

    原来该填的尺码为width/height强制变更,而margin:auto就是以填充这些改变的尺码设置的;
      div{width:500px;marign-right:100px;margin-left:auto;}

      上边的结果尚且是margin:50px;
    2.恰好负值相加
      .a{margin-bottom:50px;}
      .b{margin-top:-20px;}
      <div class=”a”></div>
      <div class=”b”></div>

    .a{margin-top:-20px;margin-bottom:-50px}
    <div class=”a”></div>
    上边的结果依旧-50px
    margin重叠的意思是?
    网页诞生之初…………只是排版文字布局用,没有前些天如此复杂。
      1.连段落或列表之类,假诺没margin重叠首尾项间距会和另外兄弟标签1:2干,排版不自;
      2.web际遇此外地方嵌套或直接放入任何裸div都无汇合潜移默化原本的布局
      3.掉的空人一个p元素,不要影响原本的读排版

      百分比margin的盘算规则
        img{margin :10%;with:600px;heigth:200px;}
      普通元素的百分比margin都是相对于容器的小幅总计的!所以这边的margin:10%;—->top:60px,left:60px;都是相持与容器的宽窄来测算的。

    background:clip,box-sizing:content
    3.margin负值下的星星点点苑自适应布局,元素占据空间从margin移动

第七话margin-start和margin-end
    margin-start
    img{
      margin-left:100px;
      -webkit-margin-start:100px;
      -moz-margin-start:100px;
      margin-sart:100px;
    }
    1.常规的流向,margin-sart等同于margin-left,两者重叠不长;
    2.如水平没有从左边为左,margin-start等与与margin-right;direction:ltr(rtl)
    3.以直流下(writring-mode:vertical-lr),margin-sart等同于margin-top
    webkit下之另外margin相关属性
      margin-before
        img{-webkit-margin-before:100px;}
默认流向的情事下,等同于marign-top
      margin-after
        img{-webkit-marign-after:100px;}
默认流向的景下,等同于margin-bottom;
      margin-collapse 外边框重叠
        -webkit-margin-collapse: collapse|discard|separate
         控制margin重叠
         collapse默认-重叠
         discard 取消
         separate 分隔 没有重叠

    通过设置老老之margin-bottom负值,和坏酷的padding-bottom填充缺失之空中,实现等高布局。原理:内容块状元素可以当padding中呈现.只要没装    

      例外的替换元素img,button

      .a{margin-top:-20px;margin-bottom:50px}
      <div class=”a”></div>
      上边的结果尚且是30px
  3.负负最负值
    .a{margin-bottom:-50px;}
    .b{margin-top:-20px;}
    <div class=”a”></div>
    <div class=”b”></div>

    margin与占用尺寸
    1.block/inline-block水平元素都适用
    2.暨没有设定width/height值无关
    3.适用于水平方向以及垂直方向
    例
      <body style=”background-color:#1a2b3c”>
        <img style=”marign-bototm:-50″>
      </body>
    可以视容器占据的尺寸变多少了。
    利用这等同风味
    滚动容器内达成下留白
      <div style=”height:100px; padding:50px 0;”>
        <img height=”300″>
      </div>
    里面盒子撑起来外面盒子展现滚动条,当然就当非chrome浏览器中凡是绝非留白效果的(下面有下边没有)。
    正确的做法是
    <div style=”height:100px; “>
      <img height=”300″ style=”marign:50px 0″>
    </div>

      百分比margin的揣测规则
        img{margin :10%;with:600px;heigth:200px;}
      普通元素的百分比margin都是对峙于容器的增长率总计的!所以这里的margin:10%;—->top:60px,left:60px;都是绝对与容器的宽度来计量的。

    为什么图片img{width:200px;marign:0 auto}不在中
    因为图片是inline水平的,固然没有width,也未会师占有整个容器。
    设置img{display:block;width:200px;marign:0 auto;}
    因为这图是block水平的,固然没有width,也会师占有整个容器不可知在一行显示。

    当装了width和冲天
      .father{height:200px;position:relative;}
      .son{position:absolute; top:0px right:0px
bottom:0px;left:0px;width:500px;height:100px;}
    原来关伸铺满现在缩回来了。
      被拉伸的半空中设置margin:auto;平均分配就晤面落实程度垂直居中了
      .father{height:200px;position:relative;}
      .son{position:absolute; top:0px right:0px
bottom:0px;left:0px;width:500px;height:100px;margin:auto;}

    实现垂直方向margin居中
      更改流为垂直方向,实现垂直方向的margin:auto
      writing-mode与直居中(css3)
      .father{height:200px; width:100%;
wiriting-mode:vertical-lr;}
      .son{height:100px;width:500px;margin:auto;}
    absolute与margin居中
      .father{height:200px;position:relative;}
      .son{position:absolute; top:0px right:0px
bottom:0px;left:0px}
      .son没有width/height,absolute元素自动填写满了容器。

      margin-top重叠
        1.1父元素非块状格式化上下文元素
        1.2父元素没有border-top设置
        1.3父元素没有padding-top值
        1.4父元素和第一只子元素之间莫inline元素分隔

    background:clip,box-sizing:content
    3.margin负值下之个别圈自适应布局,元素占据空间从margin移动

          </div>
        </div>
      利用特色
        宽高2:1从适应矩形
          .box{background-color:olive; overflow:hidden;}
          .box > div{margin:50%}
        这里还关乎一个就是触发即是margin重叠。这里安装overflow
也是坐制止margin重叠

365体育网投,    <div style=”float:left;width:100%”>
      <p style=”margin-right:170px;”>图片左边变</p>
    </div>
    <img width=”150px;”
style=”float:left;margin-left:-150px;”/>

    假如干定值,一侧auto,auto为剩下空间尺寸,假使两侧备是auto,则平均剩余空间

      .a{margin-top:-20px;margin-bottom:50px}
      <div class=”a”></div>
      上边的结果如故30px
  3.负负最负值
    .a{margin-bottom:-50px;}
    .b{margin-top:-20px;}
    <div class=”a”></div>
    <div class=”b”></div>

  margin与可视尺寸
    1.1利用好和没有设定width/height的普通block水平元素
    2.2仅仅适用于水平方向尺寸
    <body style=”background-color:#1a2b3c”>
      <div style=”border:4px 6px; background-color:blue”>
        文字<br />
        文字<br />
      </div>
    </body>
    当改变margin值时盒子的增幅会生成。

    通过安装老分外之margin-bottom负值,和非凡特另外padding-bottom填充缺失之空间,实现等高布局。原理:内容块状元素能够以padding中呈现.只要没有安装    

      例外的交替元素img,button

      .a{margin-top:20px;margin-bottom:50px}
      <div class=”a”></div>

    margin与占用尺寸
    1.block/inline-block水平元素都适用
    2.以及没有设定width/height值无关
    3.适用于水平方向以及直方向
    例
      <body style=”background-color:#1a2b3c”>
        <img style=”marign-bototm:-50″>
      </body>
    可以看看容器占据的尺码变多少了。
    利用这等同特色
    滚动容器内及下留白
      <div style=”height:100px; padding:50px 0;”>
        <img height=”300″>
      </div>
    里面盒子撑起来外面盒子显示滚动条,当然就在非chrome浏览器被是绝非留白效果的(下面有下没有)。
    正确的做法是
    <div style=”height:100px; “>
      <img height=”300″ style=”marign:50px 0″>
    </div>

    尽管安width或height,自动填写特性就是会见被掩
      div{width:500px;background:#f0f3f9;}
      此时的margin值是0px
    假设安值width或height,自动填写特性就是会合吃掩盖。

1.css margin足变更容器的尺寸
  元素尺寸
  可视尺寸–标准盒子模型中盒子的宽是免包括margin值的,clientWidth
  占据尺寸–包括margin的升幅
outWidth不以标准内,jquery中生相对应之法

    当装了width和冲天
      .father{height:200px;position:relative;}
      .son{position:absolute; top:0px right:0px
bottom:0px;left:0px;width:500px;height:100px;}
    原来关伸铺满现在缩回来了。
      被拉伸的空间设置margin:auto;平均分配就会落实程度垂直居中了
      .father{height:200px;position:relative;}
      .son{position:absolute; top:0px right:0px
bottom:0px;left:0px;width:500px;height:100px;margin:auto;}

      .a{margin-top:20px;margin-bottom:50px}
      <div class=”a”></div>

  margin与可视尺寸
    1.1运万分与无设定width/height的普通block水平元素
    2.2独自适用于水平方向尺寸
    <body style=”background-color:#1a2b3c”>
      <div style=”border:4px 6px; background-color:blue”>
        文字<br />
        文字<br />
      </div>
    </body>
    当改变margin值时盒子的升幅会转。

第六言辞 css marign无效情状解析
  1.inline程度元素的垂直margin无效
  2个前提 1.非轮换元素,例如不是img元素;2.正常化书写情势
  例
    <span style=”margin:0px”>marign:0px</span>
    给span设置margin233px;
    水平及有效性之,垂直方向是无用的。
    2.margin重叠
    3.display:table-cell
      display:table-cell/display:tab-row等声明margin无效!

    解释:假设.son没有设置height:100px;低度会活动200px高也?——NO
所以margin谈不达到活动填写充,强制安装宽度低度, 所以是匪会晤自行填写的。
    注意:水平方向直达要果实大于父,总计结果吗负值的上吧是匪放在中的。

    .father{height:200px;background:#f0f3f9;}
    .son{height:100px; width:500px;margin:auto;}
    水平在中了,垂直不放在中。

    实践:
      善用margin重叠
        .list{margin-top:15px;}
      更好贯彻
        .list{
          margin-top:15px;
          margin-bottom:15px;
         }
      更享有健壮性,最终一个元素移除或岗位交流,均未会合毁掉原来的布局。
第4话:理解CSS中的margin:auto
    margin:auto 的机制
    元素有时候,虽然没装width或height,也会自动填写
      div{background:#f0f3f9}

          .father{margin-top:20px;}
          .son{margin-top:50px;}
      <div class=”father”>
        <div class=”son”></div>
      </div>

    为何明明容器定高,元素定高margin:auto 0 无法垂直居中

    .father{margin-top:-20px;}
    .son{margin-top:-50px;}
    <div class=”father”>
      <div class=”son”></div>
    </div>

      相对定位元素的百分比margin
        img{margin:10%; position:absolute;}
      相对元素的百分比margin凡是相对与第一单稳定元素的祖先元素具有(relative/absolute/fixed)的幅度总计的。普通元素的是争持与父元素的来总括的。
        <div style=”width:1024px;height:200px;
position:relative;”>
          <div style=”width:600px; height:200px”>
           <img style=”margin:10%;position:absolute;”
/>

      下面的结果仍旧margin:50px;
    2.恰巧负值相加
      .a{margin-bottom:50px;}
      .b{margin-top:-20px;}
      <div class=”a”></div>
      <div class=”b”></div>

    margin重叠的测算规则
      1.正正取大值
        .a{margin-bottom:50px;}
        .b{margin-top:20px;}
        <div class=”a”></div>
        <div class=”b”></div>

    实践:
      善用margin重叠
        .list{margin-top:15px;}
      更好落实
        .list{
          margin-top:15px;
          margin-bottom:15px;
         }
      更有着健壮性,最后一个因素移除或职务沟通,均未汇合损坏原来的布局。
第4话:理解CSS中的margin:auto
    margin:auto 的机制
    元素有时候,尽管没安装width或height,也会自动填写
      div{background:#f0f3f9}

    IE8+以上辅助!
第五言辞:css margin负值定位
    1.margin负值下之两端对共同(margin改变元素尺寸)
    例子
      .box{
        width:1200px; margin:auto;background:orange;
        .ul{overflow:hidden;}
        .li{
          width:380px;height:300px;
          margin-right:20px;
          background:green;
          float:left;
        }
      }
    实现的列表最后一个留起闲工夫。
      而透过margin负值来改变容器的轻重缓急,让容器变富裕。能圆满解决者问题
    .box{
      width:1200px; margin:auto;background:orange;
    .ul{overflow:hidden;margin-right:-20px;}
    .li{
      width:386.66px;height:300px;
      margin-right:20px;
      background:green;
      float:left;
     }
    }
    2.margin负值下之顶高布局 margin改变元素占据空间
    margin与上下留白
    <div style=”height:200px;”>
      <img height=”300px” style=”margin:50px 0;” />
    </div>
    .box{overflow:hidden;resize:vertical;}
    .child-orange,
    .child-green{margin-bottom:-600px;padding-bottom:600px;}
    .child-orange{float:left;background:orange;}
    .child-green{float:left;background:green;}

    为何明明容器定高,元素定高margin:auto 0 不能垂直居中

1.css margin可以改容器的尺寸
  元素尺寸
  可视尺寸–标准盒子模型中盒子的宽是无包margin值的,clientWidth
  占据尺寸–包括margin的升幅
outWidth不在正儿八经内,jquery中出相对应之法

      .father{margin-top:-20px;}
      .son{margin-top:50px;}
      <div class=”father”>
        <div class=”son”></div>
      </div>

    应用 :实现一侧定宽的由适应布局
      <img width=”150px” style=”float:left;”>
      <p style=”margin-left:170px”>图片左浮动</p>

    为何图片img{width:200px;marign:0 auto}不放在中
    因为图片是inline水平的,虽然没有width,也非会晤占整个容器。
    设置img{display:block;width:200px;marign:0 auto;}
    因为这时图是block水平的,固然没有width,也会合占整个容器不可知以一行显示。

      .father{margin-top:-20px;}
      .son{margin-top:50px;}
      <div class=”father”>
        <div class=”son”></div>
      </div>

  margin重叠3种情境
    1.相邻之哥们元素
      p{line-height:2em;margin:1em 0;background:#f0f3f9;}
        <p>第一行</p>
        <p>第二行</p>
      这里虽会师发margin重叠了
    2.父级和第一只/最终一个子元素
      .father{background:#f0f3f9}
      <div class=”father”>
        <div class=”son”
style=”margin-top:80px;”>son</div>
      </div>
      给子第一单或最终一个子元素设置margin等同于吃父元素设置同一的margin值,子元素相同margin,子元素和父元素一样的margin值
    3.空的block元素
      .father{background:#f0f3f9}
      <div class=”father”>
        <div class=”son”></div>
      </div>
      这里son的莫大唯有暴发1em,不是2em
      空block元素margin重叠其他标准
        1.元素没有border设置
        2.元素没有padding值
        3.里边没inline元素
        4.没有height,或者min-height

相关文章