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

需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:.sub{margin-top: 30px;}。3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。
如何用css设置div与div之间的间距呢?
如果你想设定全部div的距离的话:div{margain-bottom:20px;}
如果你想设定ab之间的距离的话: .b{margain-top:20px;}2013-01-28
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。

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

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

2020-12-21
使用{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属性。
2015-09-21
a 和b设置float:left属性,如果要控制B与A的距离的话,就在B的属性里设置margin-left:间距px2013-01-17
div 与 div 即 盒子与盒子见 也就是外边距 margin控制啦2013-01-17
加浮动,一个居左,一个居右!2013-01-17
#a,#b{float:left;margin:上 右 下 左}2013-01-17
margin:上 右 下 左; 再加上浮动2013-01-17
mengvlog 阅读 59 次 更新于 2025-12-17 21:24:24 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部