51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课
免费课
排行榜
短视频
直播课
软考学堂
全部课程
软考
信创认证
华为认证
厂商认证
IT技术
PMP项目管理
免费题库
在线学习
文章
资源
问答
课堂
专栏
直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
51CTO博客
首页
关注
排行榜
精品课程
免费资料
软考题库
科目全、试题精、讲解专业，扫码免费刷
搜索历史
清空
热门搜索
查看【
】的结果
写文章
创作中心
登录
注册
css多个元素的margin
51CTO博客
>
热门标签
>
css多个元素的margin
全部内容
精选文章
免费资料
代码库
标签简介
时间
热度
默认
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。
免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。
免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价
免费试学
css
的
margin
1.适合于没有设定width/height
的
普通block水平
元素
2.只适用于水平方向尺寸例子：一侧定宽
的
自适应布局<html> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy
html
3c
html5
原创
Immortality1
2022-04-24 18:10:59
262
阅读
css
margin
重叠
意：相邻
的
盒子可能并非是由父子关系或同胞关系
的
元素
生成。但是边界
的
重叠也有例外情况
外边距
盒模型
边距
原创
hongmin118
2023-02-19 22:17:23
337
阅读
CSS
margin
属性
定义和用法
margin
简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个
元素
所有外边距
的
宽度，或者设置各边上外边距
的
宽度。块级
元素
的
垂直相邻外边距会合并，而行内
元素
实际上不占上下外边距。行内
元素
的
的
左右外边距不会合并。同样地，浮动
元素
的
外边距也不会合并。允许指定负
的
外边距值，不过使用时要小心。注释：允许使用负值。例子 1
margin
:10px 5px
外边距
css
属性设置
边距
行内元素
转载
mb5fed73533dfa9
2013-05-30 00:32:00
460
阅读
2
评论
父
元素
与子
元素
之间
的
margin
-top问题(
css
hack)
hack： 父
元素
的
盒子包含一个子
元素
盒子，给子
元素
盒子一个垂直外边距
margin
-top,父
元素
盒子也会往下走
margin
-top
的
值，而子
元素
和父
元素
的
边距则没有发生变化。 html代码： 代码如下:<div class="box1"> <div class="box2"></div> </div>
css
样式： 代码如下:.box1
照片
元素
大桥镇
翻译
精选
风雨萧条
2016-04-20 21:44:36
739
阅读
CSS
的
margin
属性实例
CSS
的
margin
属性实例
css
margin
转载
精选
alsww
2016-01-11 17:47:10
1201
阅读
css
【详解】——
margin
属性（含
margin
合并，
margin
：auto，
margin
失效）
目录
margin
合并
的
场景1. 相邻兄弟
元素
margin
合并2.父级和第一个/最后一个子
元素
阻止m
内联元素
边距
绝对定位
原创
朝阳39
2022-07-12 21:58:34
971
阅读
CSS
中
的
margin
属性
margin
属性也叫外边距或外补白。 下面的这幅图很说明问题
的
，贴出来方便以后查找。
外边距
C
转载
mb5fed4c003aebe
2009-10-31 09:22:00
264
阅读
2
评论
css
中
的
默认
margin
上班打酱油中，你懂
的
; body
的
margin
为8px; webkit默认行高18px；height18
css
模块化开发
CSS
原创
diligenceday
2023-01-13 15:31:51
125
阅读
元素
的
边界
margin
属性
元素
的
边界用来分隔
元素
和与其相邻
的
元素
。在
CSS
中，边界属性分为4个单侧边界和1个综合属性，即顶部边界属性(
margin
-top)，右侧边界属性(
margin
-right)，底部边界属性(
margin
-bottom)，左侧边界属性(
margin
-left)和边界综合属性(
margin
)。
margin
-top用来定义
元素
顶部边界
的
显示效果，在顶部边界属性中，可以使用长度值、百分比值和au
html
背景颜色
css
原创
ccna_zhang
2022-09-05 16:36:11
347
阅读
CSS
中
的
margin
、border、padding区别
CSS
padding
margin
border属性详解
图解
CSS
padding、
margin
、border属性W3C组织建议把所有网页上
的
对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒
的
属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内
CSS
margin
border
padding
边距
转载
JEECG低代码
2022-03-25 13:52:18
347
阅读
按
css
查询
多个
元素
示例2 查询
多个
元素
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html> <html> <head> <title>访问
元素
</title> <meta ch
CSS
原创
天河之上
2021-07-14 09:20:04
171
阅读
CSS
中
的
margin
、border、padding区别
CSS
padding
margin
border属性详解
图解
CSS
padding、
margin
、border属性W3C组织建议把所有网页上
的
对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒
的
属性，这些对像包
CSS
margin
border
padding
转载
JEECG低代码
2021-07-26 17:38:17
347
阅读
CSS
之
margin
属性
A、如果提供全部四个参数值，将按上、右、下、左
的
顺序作用于四边。 B、如果只提供一个，将用于全部
的
四边。 C、如果提供两个，第一个用于上、下，第二个用于左、右。 D、如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 D、内联对象可以使用该属性设置左、右两边
的
外补丁；若要设置上、下两边
的
外补丁，必须先使该对象表现为块级或内联块级。 F、外
CSS
margin
原创
wjgdu
2015-12-03 20:14:58
621
阅读
css
///////
margin
：外边距
margin
-top/left/right/bottom使用方式：（1）
margin
：30px 表示上下左右外边距都为30px（2）
margin
-left：30px 单独设置左外边距30px（3）
margin
: 10px 20px;上下为10px 左右20px（4）
margin
：10px 20px 30px;表示上为10px 左右为20px 下为30px（5）
margin
：10px 20px 30
css
外边距
margin
转载
mb6066e41c771e0
2021-04-21 09:30:44
510
阅读
2
评论
css
///////
margin
：外边距
margin
-top/left/right/bottom 使用方式： （1）
margin
：30px 表示上下左右外边距都为30px （2）
margin
-left：30px 单独设置左外边距30px （3）
margin
: 10px 20px;上下为10px 左右20px （4）
margin
：10px
css
外边距
转载
mb6066e41c771e0
2021-04-21 09:26:54
262
阅读
2
评论
CSS
margin
(外边距)
margin
margin
清除周围
的
（外边框）
元素
区域。
margin
没有背景颜色，是完全透明
的
。
margin
可以单独改变
元素
的
上，下，左，右边距，也可以一次改变所有的属性。
margin
属性可以有一到四个值
margin
:25px 50px 75px 100px; 上边距为25px 右边距为
边距
背景颜色
原创
echohye
2022-08-01 10:37:15
392
阅读
css
中子
元素
设置
margin
-top会影响到父
元素
demo代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <style> .content_top{ width: 500p...
CSS
margin-top
html
外边距
边距
原创
WongKyunban
2022-08-03 10:49:42
532
阅读
css
中子
元素
设置
margin
-top为什么影响了父
元素
本文介绍了
css
中子
元素
设置
margin
-top为什么影响了父
元素
，分享给大家，具体如下： 1 2 <style type="text/
css
"> *{
margin
: 0px; padding: 0px; } .show{
margin
: 0px auto; width: 200px; heigh
css
绝对定位
优先级
边距
盒模型
转载
mb5ffd7010f3b33
2020-11-24 14:21:00
728
阅读
2
评论
内联
元素
设置
margin
的
反应
此时
的
预定房间为span
元素
，这是为内联，所以此时
的
margin
-bottom并没有反应这个时候我们加上display：block 很明显我们
的
margin
-bottom 有反应了因此可以发现，我们内联
元素
对于设置上下
的
margin
值没有反应，只有设置左右
的
margin
才有反应若要设置上下也有反应的话，大可以将内联转化为块状
元素
，就可以实现换行
内联元素margin的反应
margin的细节
内联margin
内联元素
块状元素
原创
mb61d5559db5832
2022-01-14 14:37:05
322
阅读
CSS
margin
-top,
margin
-bottom
的
理解和应用
CSS
margin
-top,
margin
-bottom
的
理解和应用
margin-top margin-b
原创
mybabe0312
2015-11-18 11:40:38
7755
阅读
首页
1
2
3
4
5
共100条记录
精品课程
免费资料>
2025软考
系统架构设计师
系统规划与管理师
软件设计师
系统集成项目管理工程师
信创认证
系统架构师
信创集成项目管理师
信创规划管理师
系统开发工程师
厂商认证
CKA/CKS架构师
红帽认证工程师
Oracle-OCP认证
Oracle-OCM认证
IT技术
数据库高级工程师
AIGC大模型实战
Linux云计算架构师
Python全栈开发
华为认证
数通HCIP认证
云计算HCIE认证
华为存储HCIE认证
HCIP安全认证
相关文章
css中margin-top/margin-bottom失效
CSS（09）CSS外边距margin合并
CSS 之外补白（Margin）
CSS margin collapsing All In One
CSS 边距（Margin）讲解
css中margin传递问题
margin负值的巧妙运用（HTML、CSS）
图解CSS的padding,margin,border属性
css padding和margin常用的用法
css中padding与margin的奥秘
相关搜索
全部
css margin 使父元素
css margin 父元素
css margin内外元素
css margin覆盖父元素
css 子元素margin
css 父子元素margin
css元素 margin
css块级元素margin
css多个元素的margin
css的margin
Copyright © 2005-2025
51CTO.COM
版权所有 京ICP证060544号
关于我们
官方博客
全部文章
热门标签
班级博客
了解我们
网站地图
意见反馈
友情链接
鸿蒙开发者社区
51CTO学堂
51CTO
软考资讯
