51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

css案例学习之父子块的margin
两边还会有些距离，这是body默认的。代码：父子块的margin 子div 两边没有了距离父子块的margin 子div 说明：子元素只能在父元素允许的空间中活动。默认情况下会自动填满父元素。撑破了代码：设置父块的高度 子...
css
2d
分享
原创
TBHacker
2021-08-05 16:16:24
224阅读

css margin 重叠
意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也有例外情况
外边距
盒模型
边距
原创
hongmin118
2023-02-19 22:17:23
337阅读

CSS margin 属性
定义和用法margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。注释：允许使用负值。例子 1margin:10px 5px
外边距
css
属性设置
边距
行内元素
转载
mb5fed73533dfa9
2013-05-30 00:32:00
460阅读
2评论

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属性（含margin合并，margin：auto，margin失效）
目录margin合并的场景1. 相邻兄弟元素margin合并2.父级和第一个/最后一个子元素阻止m
内联元素
边距
绝对定位
原创
朝阳39
2022-07-12 21:58:34
971阅读

CSS之margin属性
A、如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。 B、如果只提供一个，将用于全部的四边。 C、如果提供两个，第一个用于上、下，第二个用于左、右。 D、如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 D、内联对象可以使用该属性设置左、右两边的外补丁；若要设置上、下两边的外补丁，必须先使该对象表现为块级或内联块级。 F、外
CSS
margin
原创
wjgdu
2015-12-03 20:14:58
619阅读

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阅读

父元素与子元素之间的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-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评论

javascript 父子元素
# JavaScript 父子元素 在 JavaScript 中，元素之间存在着父子关系。父元素是指包含其他元素的元素，而子元素是指被包含在其他元素中的元素。理解父子元素的概念对于操作 HTML 文档中的元素非常重要。本文将介绍 JavaScript 中的父子元素的概念以及如何使用代码来操作父子元素。 ## 什么是父子元素？ 在 HTML 文档中，元素可以包含其他元素。被包含在其他元素中的元
HTML
操作方法
子节点
原创
mob64ca12f73101
2023-08-07 19:08:29
418阅读

css中margin-top/margin-bottom失效
要设置这两个值，我的理解应该在这个div的父容器中设置了固定宽高，或者设置了绝对定位，比如position:absolute（绝对定位） 或者压根不用，直接用padding-top/padding-bottom替代 参考： http://www.111cn.net/cssdiv/163/87752.
css
绝对定位
.net
宽高
技术
转载
mb5fe190f8e35a0
2016-12-12 02:33:00
414阅读
2评论

CSS（09）CSS外边距margin合并
外边距margin合并：当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。折叠的结果两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，折叠结果是两者的相加的和。产生折叠的原因 而根据w3c规范，两个margin是邻接的必须满足以下条件 1、必须是处...
外边距
文档流
绝对定位
占用空间
内边距
转载
mob604756f85007
2020-02-05 17:58:00
136阅读
2评论

CSS的margin属性实例
CSS的margin属性实例
css
margin
转载 精选
alsww
2016-01-11 17:47:10
1201阅读

CSS 之外补白（Margin）
一、属性 Properties属性Description简介 margin 检索或设置对象四边的外延边距 margin-top 检索或设置对象顶边的外延边距 margin-right 检索或设置对象右边的外延边距 margin-bottom 检索或设置对象底边的外延边距 margin-left 检索
边距
html
原创
样子2018
2022-05-25 09:41:14
113阅读

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
343阅读

CSS margin collapsing All In One
CSS margin collapsing All In One margin collapsing margin 塌陷 margin 合并 BFC
margin collapsing
CSS
BFC
margin 塌陷
margin 合并
转载
mob604756e605af
2020-09-10 00:00:00
114阅读
2评论

CSS中的margin属性
margin属性也叫外边距或外补白。   下面的这幅图很说明问题的，贴出来方便以后查找。
外边距
C
转载
mb5fed4c003aebe
2009-10-31 09:22:00
264阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

css中的默认margin

CSS 边距（Margin）讲解

css中margin传递问题

CSS中的margin、border、padding区别 CSS padding margin border属性详解

元素的边界margin属性

CSS--解决margin塌陷(margin-top失效)--实例

[css] 解决问题---子元素设置margin-top，作用到父元素上

css margin 外边距塌陷问题

CSS margin属性与用法教程

javascript 父子元素 js父子页面传值

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯