如何用css设置div与div之间的间距呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用css设置div与div之间的间距呢?相关的知识,希望对你有一定的参考价值。

这是我的页面
<div id="a">
//内容
</div>

<div id="b">
//内容
</div>
我想让b出现在a的右边(现在出现在下边) 且b和页面顶部不要离得太远 b与a离得也不要太远

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:.submargin-top: 30px;。

3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。

参考技术A 如果你想设定全部div的距离的话:divmargain-bottom:20px;
如果你想设定ab之间的距离的话: .bmargain-top:20px;本回答被提问者和网友采纳
参考技术B

使用margin:top right bottom left 。

如:margin:10px 20px 30px 40px表示该元素与上面的元素相距10px,与右边的元素相距20px,与下面的元素相距30px,与左边的元素相距40px;

注意:

    使用该属性的时候要注意当上面元素的margin-bottom:10px;下面元素margin-top:10px;那么他们的间距将会合并,即他们之间的间距变为10px;如果这两个值不一样,那么浏览器将会取较大值。但是如果其中有一个元素设置position为absolute时,间距将不会合并。

    使用该属性时一定要注意与它相关的元素的属性,注意观察他们的position和float属性。

参考技术C a 和b设置float:left属性,如果要控制B与A的距离的话,就在B的属性里设置margin-left:间距px 参考技术D div 与 div 即 盒子与盒子见 也就是外边距 margin控制啦

以上是关于如何用css设置div与div之间的间距呢?的主要内容,如果未能解决你的问题,请参考以下文章

div之间的空隙

用div做的弹出层,如何用css设置它不随着滚动条移动呢? 在线急等!!!! 哪位大哥帮帮忙!!!

div+css如何用百分比??

div和div之间的空隙如何设置

div 中的字体如何用CSS控制居下

怎么让两个div之间没有间距?