首页 > 其他分享 >绝对定位中,left/right/top/bottom是参考谁确定的

绝对定位中,left/right/top/bottom是参考谁确定的

时间:2022-11-03 10:15:13浏览次数:51  
标签:right bottom top 元素 padding left

原文链接:https://blog.csdn.net/weixin_44350171/article/details/111076594

绝对定位中,left/right/top/bottom是参考谁确定的
父元素相对定位,子元素绝对定位

1、left/right/top/bottom的值是父元素的padding外侧 与 子元素的margin外侧的距离/

 

 

2、left=0;top=0;的情况

 

 


但是如果不设置left等四个属性的值,子元素还是默认与父元素内容区对齐

 

 

如果left=right=top=bottom=0,父元素的内边距加内容区与子元素整个盒子模型重合


父元素(padding+content)=子元素(margin+border+padding+content)

 

 

原文链接:https://blog.csdn.net/weixin_44350171/article/details/111076594

标签:right,bottom,top,元素,padding,left
From: https://www.cnblogs.com/niufang/p/16853474.html

相关文章

  • playwright:command not found: playwright 未找到命令
    背景看官文中的代码生成器:playwrightcodegenplaywright.dev解决打开终端执行:python3-mplaywrightcodegenplaywright.dev其他知识python3-m作用:-m能给......
  • [Typescript] 86. Medium - ToPrimitive
    Convertapropertyoftypeliteral(labeltype)toaprimitivetype.ForexampletypeX={name:'Tom',age:30,married:false,addr:{home:'12......
  • docker安装phpmyadmin(win10已安装Docker Desktop)
    前提:已安装docker环境,可以输入dockerversion验证是否安装docker环境,已安装如图所示:  phpmyadmin安装参考地址:安装—phpMyAdmin5.3.0-dev文档下载镜像:dockerp......
  • StopWatch使用
    StopWatch使用来源父类:Object包名:org.springframework.util.StopWatch线程安全:不安全,不可同步测试单任务测试getTotalTimeMillis:获取总耗时,单位毫秒getTotalTi......
  • TopCoder14563 DerangementsStrikeBack
    使用类似传统的错排公式\(D(n)=(n-1)\times(D(n-1)+D(n-2))\)的推导过程。首先,\(D_i\)整体除了一个\(n!\),代表后\(n\)个球整体相同。局面设定为求\(......
  • playwright提示:Navigation failed because page crashed!
    背景今天运行playwright官网的实例,尽然报错了。上周相同的用例还是可以执行的啊提示信息如下:Navigationfailedbecausepagecrashed!解决办法关闭全部谷歌浏览器,然......
  • Docker笔记1(Docker Desktop )
    1、DockerDesktop4.7.0中包含了一个实验性的DockersbomCLI命令,可以显示任何Docker镜像的SBOM(SoftwareBillOfMaterials) 。对于容器镜像,包括安装的操作系统包(例如......
  • Cartopy安装教程
    Cartopy利用强大的PROJ.4,numpy和shapely库,并包括基于Matplotlib构建的编程接口,用于创建出版质量地图。cartopy的主要特点是其面向对象的投影定义,以及在这些投影之间转换......
  • 如何理解e.preventDefault();e.stopPropagation();?
    如何理解e.preventDefault();e.stopPropagation();?​​e.preventDefault();​​//阻止默认行为​​e.stopPropagation();​​//阻止冒泡行为在jQuery事件中returnfalse等......
  • playwright安装及录制
    安装playwright:pipinstall-ihttps://mirrors.aliyun.com/pypi/simple/playwright#安装浏览器#playwrightinstall-i https://mirrors.aliyun.com/pypi/simple/ ......