美文网首页
margin与容器的尺寸

margin与容器的尺寸

作者: dadadahui | 来源:发表于2016-08-23 10:40 被阅读66次

    实线:可视尺寸:clientWidth

    外虚线:占据尺寸:outerWidth(标准中无,jquery中有这个方法.outerWidth() )


    特性 :margin改变可视尺寸的宽度(高度 不!)

    适合:没有设定width/height的普通block元素
    不适合:float 、absolute/fixed inline table-cell

    应用

    定宽(width)+自适应(float:left+margin-left)


    特性:margin和占据尺寸

    1.适合block/inline-block 水平
    2.与有无设定width/height无关
    3.适用于水平方向和垂直方向

    应用:

    需求:滚动容器内上下留白

    使用padding,非chrome,底部无留白
    因此,使用margin


    相关文章

      网友评论

          本文标题:margin与容器的尺寸

          本文链接:https://www.haomeiwen.com/subject/dnwgsttx.html