美文网首页
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

    1. margin 与容器尺寸 两种容器尺寸: 可视尺寸:含 border 及以内的尺寸—— clientWidt...

  • margin与容器的尺寸

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

  • css margin可以改变容器的尺寸

    元素尺寸: 1.可视尺寸-clientwidth标准 2.占据尺寸--outerwidth(yy) margin和...

  • margin

    margin [TOC] 一、布局与尺寸 1、margin普通情况下不影响可视尺寸,只有元素在 充分利用可用空间 ...

  • css 基础+实战布局

    一、margin margin与可视尺寸 适用于,没有设定width/height的普通block水平元素 只适用...

  • React Native 入门(四)

    margin与padding的区别 在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离...

  • CSS属性之margin的理解

    css属性改变容器的尺寸 可以改变元素占据空间(如影响父元素的高度(当父元素不定高的情况下)) margin负值的...

  • web前端

    margin和padding的区别: margin是指容器边框到父空间的距离; padding是指内容到容器bor...

  • CSS(五)对齐方式(居中)

    一、水平居中 margin: auto;设置子容器margin属性,可使元素在父容器内水平居中 二、垂直居中 li...

  • 张鑫旭《css世界》学习笔记

    外部尺寸与流体特性 1.正常流宽度:margin/border/padding/content内容区域自动分配水平...

网友评论

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

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