盒子之间的css间距样式 盒子之间的css间距样式怎么设置

CSS给盒子里面的盒子写个margin-top属性,360好好的,火狐会是外面的盒子...

1、是的，低版本的IE浏览器也是这样。可以设置外层div的的padding-top样式就可以了，就可以解决兼容性问题了。

10年积累的网站建设、成都网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有于田免费网站建设让你可以放心的选择与我们合作。

2、margin后面可跟多个值，中间用空格分离，含义如下：（1）首先我们放置三个盒子，颜色不同，宽高均为100px。（2）我们给中间的橙色盒子加上一个10px的上外边距，可以看到橘黄色的盒子向下移动了10px，上面多了一个上外边距。

3、但是子盒子设置margin-top后，会作用于父盒子，如图1 造成这个现象的原因是：当一个元素包含在另一个元素中时（假设没有填充或边框将边界分隔开），它们的顶和/或底边界会发生叠加。

4、据您截图显示，在处于下方的显示效果上，margin-top属性并未生效。

5、top： -5px；就正常了。这种情况下尽量不要用magin来改变元素的位置，因为它会对前后左右的其他元素造成影响，稍不留神就会让局面变得不可收拾。

如何让上一个盒子和下面的盒子有间距

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。

line-height设置段落上下间距，设置p标签上下间距css代码，p{line-height：30px}margin-top和margin-bottom设置段落上下间距，经由对p标签设置margin-top和margin-bottom，从而来设置段落上下间距。

将两个小盒子水平居中 通常是使用 margin auto来实现，间距30 可以外边距都为 15 ，也可以在一个盒子设置外边距为30 px。

用margin设置对象盒子间距 我们常用margin设置2个盒子之间距离，无论上下左右的距离我们均可以利用margin实现间隔。

设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

right；来设置吗？如果知道宽高的话，就设置宽高值，这样位置会比较固定，然后再设置margin值就可以设置他们的间距。每一行之后，最好用来清除浮动，这样下一行就不会跟着浮动了。

HTML5+CSS——11盒子模型-边框、内边距、外边距

1、盒子模型：把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

2、作用： CSS 围绕这些盒子产生了一种“盒子模型”概念，通过定义一系列与盒子相关的属性，可以极大地 丰富 和 促进 各个盒子乃至整个 HTML 文档的 表现效果和布局结构 。

3、CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。