课程
/前端开发
/HTML/CSS
/CSS深入理解之margin
就如这个标准的盒模型为例!可视尺寸是由哪些组成!
2017-02-22
源自:CSS深入理解之margin 1-1
正在回答
这是一个非常好的问题,听了老师的讲解后,我立刻做了一个试验:结果发现clientWith实际上包含的是content width和padding width,然后又去查阅MDN官方文档发现,标准的定义也是如此,并不包含border width.
只读属性 Element.clientWidth 对于内联元素以及没有 CSS 样式的元素为 0;否则,它是元素内部的宽度(以像素为单位)。该属性包括内边距(padding),但不包括边框(border)、外边距(margin)和垂直滚动条(如果存在)。
Element.clientWidth
我的理解是这样的
刚刚又听了一遍说可视尺寸:实线范围内:那就是说:border+padding+(1024*72)!这就是可视尺寸这样对吗?
而占据尺寸:margin+border+padding+(1024*72)!对吗?
举报
本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑
2 回答为什么负外边距可以让可视区域变大?想了好久都不理解
1 回答margin影响可视区域
2 回答相邻元素的重叠怎么清除呢,是不可以清除吗
1 回答margin与css重叠是不是可以理解为后面设置的属性会覆盖前面的,所以两个盒子共用一个属性啊?
2 回答为什么不能实现老师说的(CSS深入理解margin 5-1:css margin负值定位),请大神帮忙看看代码,谢谢。