margin区域是透明的

我的理解，首先，需要知道css布局有三个大的类模型，流布局、浮动布局和层布局模型。margin定位基本是属于流布局，而position+left是属于层模型的。这些在不同的场合使用。

如果只设置了height没设置overflow的话，图片会全部显示出来，高出div一部分，div的高度不会受影响，设置了overflow:auto的话就会像张老师图中的样子了,会有滚动条出现

overflow: auto;

可以设置啊 盒子模型那不是讲了吗

因为你把左右都设置为0了啊，自然不会有变化，设置大于0的任何数，你就明白了

"padding:50px 0px;"，从盒子模型上理解是正确的，但是浏览器世界因为各种内核等原因，浏览器对这些参数的理解并不相同，是否能行要看具体是哪种浏览器以及浏览器的哪种版本，这种方式兼容性不强，只能被少数浏览器正确识别。

"margin:50px 0px;"，从盒子模型上理解也是正确的，且这种方法的兼容性要好很多，绝大多数浏览器都能正常显示。

知道了

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

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

没设置宽高可以由里面的内容或者元素撑开的,灰色的背景是父元素的,就是方便看效果来的,你看的那块内容是改变子元素的magin值,如果蓝色块子元素margin水平上的值为负值,就会拉近和灰色背景父元素的距离,所以蓝色块的可是区域就变大了,如果是正值,与父元素距离加大,对应可是区域就变小了

老师说的是div的padding，内部设置padding肯定可以啊

包含的啊

你只要记住  padding 实现不了上下都有留白   而margin就可以  就行了

动画ppt

应该是你的浏览器问题

clientWidth 这个是一个js属性，表示的是元素的可视区宽度（老师也在视频里说了这个的含义）

clientHeight 的含义，你能猜测出来吧？

张老师的这个课程不适合入门级的水平，建议先好好学学基础的东西，

他在慕课网上的视频，都是针对有一定基础的人的，是真正的css 进阶的知识点！