首页 > 其他分享 >CSS: position: relative absolute

CSS: position: relative absolute

时间:2023-04-04 14:22:34浏览次数:40  
标签:height relative width background position CSS absolute

<div class="course-b">
    <div class="outer">
        <div class="inner"></div>
    </div>
</div>

.outer{
    margin: 50px;
    width: 200px;
    height: 200px;

    background: gray;
    position: relative;
}
.inner{
    bottom: 0;
    left: -20px;
    width: 240px;
    height: 10px;
    position: absolute;
    background: black;
}

标签:height,relative,width,background,position,CSS,absolute
From: https://www.cnblogs.com/leoshi/p/17286277.html

相关文章

  • Web 开发中 20 个很有用的 CSS 库
    在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用。 在这篇文件章中我们找到了一系列对......
  • css学习:加载页面出现选择哪个文件观看或下载
         观察发现是文件写错了,html前没有“.” ......
  • css 设置 div等于屏幕的时候直角,小于屏幕圆角
    .card{border-radius:clamp(0px,((100vw-4px)-100%)*9999,8px);}clamp()clamp()函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。......
  • CSS文本属性(文本颜色、文本对齐、装饰文本、文本缩进、行间距)
    本博文介绍CSS中常用的文本属性,包括文本颜色、文本对齐、装饰文本、文本缩进和行间距。属性说明属性值color文本颜色颜色(如red、green)#十六进制(如#ff0000)rgb代码(如rgb(255,0,0))text-align文本对齐left(默认值,左对齐)right(右对齐)center(水平居中)text-decora......
  • 【论文速递】ECCV2022 - PETR: Position Embedding Transformation for Multi-View 3D
    【论文原文】:PETR:用于多视图3D对象检测的位置嵌入变换论文:https://arxiv.org/abs/2203.05625代码:https://github.com/megvii-research/PETR博主关键词:小样本学习,语义分割,图注意力网络,互监督,目标检测,三维视觉摘要在本文中,我们开发了用于多视图3D对象检测的位置嵌入变换(PET......
  • 看懂CSS属性值定义语法
    CSS属性值有专门的一套定义语法,同来表达CSS语法的合法组成。例如线性渐变的语法为:linear-gradient([<angle>|to<side-or-corner>,]?<color-stop-list>)如果你不理解CSS的定义语法,那相信是很难阅读上面这串代码的,我们接着往下看。为什么要学习定义语法?如果你也经常写......
  • css笔记
    3.CSS样式css,专门用来“美化”标签。基础CSS,写简单页面&看懂&改。模块,调整和修改。3.1快速了解<imgsrc="..."style="height:100px"/><divstyle="color:red;">中国联通</div>3.2CSS应用方式1.在标签上<imgsrc="..."style=&q......
  • Vue3【Transition(效果、CSS 过渡、使用animation、TransitionGroup、 KeepAlive、Tele
    ......
  • 若分离HTML与CSS,要记得连接外部CSS文件
    使用下列代码即可连接,注意CSS文件名和HTML文件名相同:<linkrel="stylesheet"type="text/css"href="文件名.css">  应放在代码头,如下所示:<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  &......
  • CSS2
    一、CSS基础1.CSS的编写位置编写位置有3种1.1行内元素<h1style="color:red;font-size:60px;">欢迎来到尚硅谷学习</h1>1.2内部样式<style>h1{color:red;font-size:40px;}</style>1.3外部样式建立一个单独的css文件夹,新建一个.css的样式文件如何在HTML文......