V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
manyfreebug
V2EX  ›  HTML

如图:块级元素是有默认的 margin 吗?

  •  
  •   manyfreebug · 2019-01-28 22:01:55 +08:00 · 4170 次点击
    这是一个创建于 1885 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如图
    
    margin.png
    7 条回复    2019-01-29 00:21:01 +08:00
    dudor
        1
    dudor  
       2019-01-28 22:28:18 +08:00 via Android
    有吧,0
    jadeity
        2
    jadeity  
       2019-01-28 22:46:10 +08:00
    怎么觉得描述反了:
    块级元素默认占满父级元素的空间,通常浏览器会在块级元素前后另起一个新行。
    而当你指定宽度的时候,浏览器可能会用 margin 实现这个效果,但是理解上不应该把这个 margin 当成原因来导致什么吧。
    GeekCourse
        3
    GeekCourse  
       2019-01-28 22:55:13 +08:00 via Android
    理解行内元素和块级元素的区别。
    块级元素,设定就是另起一行。

    比如你在一个空房间站着,另一个人可以在你的前后左右站,但是进房间时这个人被告知,只能在你后面站。
    那你会认为是因为你的气场导致这个人不敢去去前左右站吗?
    des
        4
    des  
       2019-01-28 22:57:24 +08:00
    body 在 user agent stylesheet 里边可能会有 margin,div 没有
    块级元素默认会占满父级元素
    只不过,chrome 实现会显示到 margin,换 firefox 就不会这样,标准可以看这里

    https://www.w3.org/TR/CSS2/visuren.html#normal-flow
    crab
        5
    crab  
       2019-01-28 22:59:17 +08:00
    不是吧。要是那边的 margin-right 应该就是剩下的数值了。
    jjplay
        6
    jjplay  
       2019-01-28 22:59:29 +08:00
    黄色是它占用的这一行
    inline
    block
    inline-block
    了解一下
    shiny
        7
    shiny  
       2019-01-29 00:21:01 +08:00
    楼主提的问题都是思路清奇。当年学的时候从来没有这么想过。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5481 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:13 · PVG 16:13 · LAX 01:13 · JFK 04:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.