CSS内边距外边距算法

html-css023

CSS内边距外边距算法,第1张

外边距是指margin

可以这样写margin-top:4pxmargin-left:4pxmargin-right:4pxmargin-bottom:4px ；

也可以简写:margin:4px 8px (上下外边距是4px ，左右外边距是8px)；

也可以这样简写 margin:4px 8px 6px(上面外边距是4px 左右外边距是8px 下面外边距是6px)。

内边距是padding，和margin是一样的用法。

一个盒子总宽度是margin+border+padding+width（border也要算在尺寸里）

一个盒子总高度是margin+border+padding+height（border也要算在尺寸里）

有什么问题请继续问

根据浏览器的不同，以及<!DOCTYPE的取值不同，盒模型会有差异。建议就是div嵌套一下，别把css都写一起就行了。例如

<div style="width: 200px">

<div style="padding: 10px">content</div>

</div>

这样搞就不用考虑盒模型差异了

你超出940隐藏式因为你加了个overflow:hidden

你图片的CSS这样写

#big-pic{

display:block

max-width:940px

}