[css] css中padding和margin是相对于父元素还是子元素呢?

padding就是往自己身体里塞东西(盒子里面),margin就是穿衣服(盒子外面)。
==>padding相对于子元素,margin相对于父元素

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] css中padding和margin是相对于父元素还是子元素呢?相关推荐

  1. css属性之padding和margin

    css属性之padding和margin,并探究给行内元素设置内外边距是否有效! padding和margin的作用(重要) padding:内边距(影响盒子的大小) padding-top:上内边距 ...

  2. CSS回顾总结(二)——伪类、伪元素、子元素和后代元素选择器、盒子模型

    目录 伪类 伪元素 子元素和后代元素选择器 盒子模型 边距 边框 边框样式 内联元素盒子模型 伪类 伪类:专门用来表示元素的一种特殊状态              *         比如:访问过的超 ...

  3. [css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法

    [css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法 父元素塌陷父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度 ...

  4. [css] 当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办?

    [css] 当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办? 当父元素使用opacity时,子元素也会继承该透明度,即使重新设置透明度也不行.楼上的两种方法要么是放弃 ...

  5. HTML中的父元素与子元素

    我是一个前端小白,目前将HTML,css基础学完了,在居中设置中讲解到父元素怎么设置子元素怎么设置,那么父元素,子元素到底是什么? 如以下代码: </head> <body> ...

  6. jQuery中兄弟元素、子元素和父元素的获取

    我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行 ...

  7. Vue中获取当前点击元素的父元素、子元素、兄弟元素

    Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...

  8. HTML中父元素、子元素、后代元素和兄弟元素

    HTML文档中的元素有着明确的关系. 包含另一个元素的元素是被包含元素的父元素:反过来说,被包含元素是包含元素的子元素. 一个元素可以有多个子元素,但只能有一个父元素. 包含在其他元素中的元素也可能包 ...

  9. html中padding和margin的区别和用法与存在的bug消除

    关于margin: 在需要border外侧添加距离时. 空白处不需要背景时. 相连的两个部分的地方需要加外边的边距时使用. 关于padding: 在需要border内侧添加距离时. 空白处需要背景时. ...

最新文章

  1. 记录EasyUI使用中的问题和解决的方法
  2. 如果不知道做什么,那应该做什么呢?
  3. PWN-COMPETITION-HGAME2022-Week4
  4. linux 以下命令对中正确的是什么,2016年Linux认证模拟真题及答案
  5. db2 本地db 到实例_如何登录到FreeCodeCamp的本地实例
  6. Netty文章目录汇总
  7. ARM 与 STM32 的关系
  8. python返回对象_函数返回一个对象-python
  9. python 3.7 安装 win32 win32com win32ras模块
  10. 相位测试音频mp3_音频与相位的关系
  11. Android webview监听网页对话框点击事件
  12. Golang 基础:接口使用、实现原理(eface iface)和设计模式
  13. 2021-07-27 Vue修改主页
  14. perl统计日志文件ip及数量
  15. windows防火墙开端口失败
  16. vue3+jsx+antd 的双向数据绑定、事件绑定、变量绑定方法
  17. resizeEvent , paintEvent事件触发原因
  18. DCT变换(JAVA)
  19. p5.js 交互应用实战 —— 音乐可视化(案例)
  20. 设置WindowsXP系统上电自启动

热门文章

  1. jyputer notebook 、jypyter、IPython basics
  2. SpringDay01
  3. ActiveReports 报表控件V12新特性 -- 新增JSON和CSV导出
  4. C++入门经典-例8.1-类的继承
  5. JavaScript实现接口的三种经典方式
  6. Ubuntu 8.04 Linux系统下面编译更新内核版本
  7. 双机通信c语言程序,上传一个自己编写的I2C双机通信程序
  8. dp 1.4协议_浅析关于HDMI接口与DP接口
  9. shell python比较_shell中的条件判断以及与python中的对比
  10. 碳钢腐蚀速率计算公式_镁合金轮毂螺栓连接的电偶腐蚀行为