元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。
提示:背景应用于由内容和内边距组成的区域。
楼上图解很详细。我刚开始也是不这么懂,用多了自然有所了解。margin:外边距,两个盒子自间的距离这个你应该理解padding:内边距,盒子边框与内容的距离。盒子div ,由边框和内容组成。
元素的盒模型
外边距 边框到其他容器之间的距离内边距 边框到内容之间的距离