首页 > 其他分享 >野花--父盒子相对定位,设置padding值,那么绝对定位的子盒子起点在哪里?

野花--父盒子相对定位,设置padding值,那么绝对定位的子盒子起点在哪里?

时间:2022-11-02 19:33:08浏览次数:58  
标签:定位 盒子 -- 100px yellow padding color

        .yellow {
            position: relative;
            width: 300px;
            height: 300px;
            padding: 20px;
            background-color: yellow;
        }
        .blue {
            position: absolute;
            top:0;
            left: 0;
            width: 100px;
            height: 100px;
            background-color: blue;
        }

 

 不受影响,起点依然是整个盒子的边角,而不是padding后的内容边角

标签:定位,盒子,--,100px,yellow,padding,color
From: https://www.cnblogs.com/ericyjchung/p/16852107.html

相关文章

  • 上传文件夹
    文档说明:只记录关键地方;html代码5行html代码就能上传文件夹<formid="folder-upload"method="post"enctype="multipart/form-data"action="/upload.php">......
  • C# 窗体传值,TreeView To TreeView
      usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Linq;usingSystem.T......
  • TypeOrm框架(2)----创建实体
    TypeOrm框架----创建实体1.清除初始化项目中不需要的内容Ⅰ.项目最初提供了一个User实体作为教例,我们把它删除(位置:\OrmTestProject\Entities\User.ts);Ⅱ.然后我们要......
  • nvm & grep filter out only Node.js Latest LTS versions All In One
    nvm&grepfilteroutonlyNode.jsLatestLTSversionsAllInOne使用nvm&grep仅过滤出Node.js最新的LTS版本nvm&grep#字符串中包含空格,要使用双引号/......
  • html笔记2
    1、媒体元素音频和视频<!--音频和视频src:资源路径controls:控制条autoplay:自动播放--><videosrc=""controlsoutoplay></video><audiosrc=""controlsout......
  • 泰勒公式(学习总结)
    ·泰勒中值定理·麦克劳林展开式·常用函数的麦克劳林展开式1.泰勒中值定理拉格朗日形式的余项皮亚诺形式的余项麦克劳林展开式(取X0=0)常用函数的麦克劳林......
  • jmeter变量函数以及抓包用法
    抓包代理服务器:自己启动一个代理服务器本地,要使用代理服务器的ip和端口,使用自己启动的代理服务器操作步骤添加线程组测试计划>非测试元件>http代理服务器一定......
  • C# 数据类型取值范围
    bool型为int型,一般认为占4个字节,取值TRUE/FALSE/ERROR。sbyte型为有符号8位整数,占1个字节,取值范围在-128~127之间。bytet型为无符号16位整数,占2个字节,取值范围在0~255之间......
  • fastjson的详细用法
    fastjson的详细用法1.作用:fastjson用于将JavaBean序列化为JSON字符串,也可以从JSON字符串反序列化到JavaBean。2.导入依赖:<dependencies><dependency......
  • 巨杉数据库入围 IDC Innovator榜单,获评分布式数据库创新者
    近日,巨杉数据库凭借「湖仓一体」分布式数据库在金融领域的创新应用获得 IDC Innovator中国分布式数据库创新者殊荣。值得一提的是,这也是IDC在数字化转型盛典会议中首次......