负边距lt！DOCTYPE htmllthtml lthead ltmeta charset=quotUTF8quot lttitle负边距lttitle ltstyle type=quottextcssquot * margin 0 padding 0 #div1 width 780px；外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置盒子有四个方向的外边距margintop marginrigtht marginbottom marginleft 由于页面中的元素都是靠左上摆放的，所以注意当；盒子页面布局设置 内容区content，内边距padding，边框border，外边距margin，盒子占用空间的大小，可见尺寸等于指定宽高加边框宽度加内边距宽度加外边距宽度，盒子的内边距特性元素的背景颜色会延伸到内边距在网页中；CSS 盒子模型 CSS 盒子模型Box Model所有HTML元素可以看作盒子，在CSS中，quotbox modelquot这一术语是用来设计和布局时使用CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距，边框，填充，和实际内容盒模型；首先新建一个html页面，然后在这个html代码页面创建一个ltdiv标签，同时给这个ltdiv添加一个class类为footer2然后设置footer类，把div固定在底部创建ltstyle标签，在该标签内设置通过position fixedbottom0设置；div盒子并排显示在各大网页中是很寻常的页面效果，但是实现这种效果的方法确不止一种 方法一使用float father width 660pxheight 150pxmargin 0 autoborder 2px solid redoverflow hidden son width；1 在HTML中，先创建一个盒子，用于显示图片可以使用div标签创建一个容器，并设置宽度高度overflowhidden属性，以便限制图片的显示范围2 在容器内部创建一个ul标签，用于存放所有的图片每一张图片都需要使用li标签。

1如图所示，我们新建一个记事本，并将记事本的名字改为“网页中的盒子模型 内边距的设置31html”，并回车键确定，以使文件转化为浏览器可以打开 的html网页文件2如图所示，我们在这个html图标上鼠标右击，在弹出；ltstyle 或者也可以直接在HTML元素的style属性中进行设置，如ltdiv style=quotborderbottom 15px solid yellow borderbottomstyle doublequot这是一个盒子ltdiv 在这种情况下，borderbottom属性用于设置下边框的；首先，我们定义ul li 定义出大盒子和三个小盒子，给他们添加合适的高度宽度，在li 的三个小盒子里添加 float left使其浮动，再给他们添加marginright，这样他们之间就有个间隔啦代码 lt！DOCTYPE html lthtml lthead；HTML 页面的盒子模型是指将 HTML 页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器每个矩形都由元素的内容内边距padding边框border和外边距margin组成这个盒子模型是 CSS 的基础，CSS 通过。

首先你这个问题问得不够准确，你说html中有四个盒子，但是你没有说明盒子的关系，它们是嵌套的并列的如果是一个一个的嵌套的，例如 ltdiv class=quotboxquotltdiv ltdiv ltdiv class=quotboxcontentquot最里层ltdiv lt；然后在通过一个flaot属性来设置好这个2个元素的左右对齐，最好在加个边框，便于观察，具体可以看下代码lthtml lthead ltstyle div2 widht220pxheight300pxfontsize13px。

制作html盒子有多种方式，比如说可以用divpspan标签等等，只要给它们盒子样式，比如说宽width，高height，边框border等等这样就可以看到一个盒子；准备先准备好你的页面和图片，我们使用这张图片我们简单的将HTML写成这样 ltp id=quotcontainerquot ltimg id=quotlogoquot src=quotlogopngquot alt=quotLee Munroequot ltpCSS样式可能会是这个样子的bodybackground#999；在HTML文档中，每个元素element都有盒子模型，所以说在Web世界里特别是页面布局，Box Model无处不在下面是Box Model的图示说明上图中，由内而外依次是元素内容content内边矩paddingtoppadding。