可视尺寸怎么理解

来源:1-1 CSS margin与容器的尺寸

街角疯

2017-02-22 17:22

就如这个标准的盒模型为例!可视尺寸是由哪些组成!

写回答 关注

3回答

  • 假蛙工程师
    2024-05-24 17:24:59

    这是一个非常好的问题,听了老师的讲解后,我立刻做了一个试验:结果发现clientWith实际上包含的是content width和padding width,然后又去查阅MDN官方文档发现,标准的定义也是如此,并不包含border width.

    只读属性 Element.clientWidth 对于内联元素以及没有 CSS 样式的元素为 0;否则,它是元素内部的宽度(以像素为单位)。该属性包括内边距(padding),但不包括边框(border)、外边距(margin)和垂直滚动条(如果存在)。     

  • 夜莺z
    2017-05-08 15:20:24

    我的理解是这样的

  • 街角疯
    2017-02-22 17:26:55

    刚刚又听了一遍说可视尺寸:实线范围内:那就是说:border+padding+(1024*72)!这就是可视尺寸这样对吗?

    而占据尺寸:margin+border+padding+(1024*72)!对吗?

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55942 学习 · 66 问题

查看课程

相似问题