首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【CSS】定位 ② ( 静态定位 | 相对定位 )

    一、静态定位 ---- CSS 中的 静态定位 是 默认的定位方式 , 就是无定位 , 设置该定位方式 , 定位盒子不生效 ; 为盒子模型 设置 静态定位 模式 , 该 盒子模型 就会按照标准流的方式...摆放布局 , 没有任何 边偏移 的效果 ; 在 使用 定位 时 , 几乎不适用 静态定位 ; 二、相对定位 ---- 相对定位 是 盒子模型 相对于 其在 标准流中的位置 设置的 ; 如 : 盒子模型...在标准流 中 , 原来的位置是 (0 , 0) , 设置了相对定位 , 就是 相对于原来的位置 (0, 0) 进行 边偏移 后的位置 ; 下面的示例中 , 盒子模型的初始位置是 在浏览器的 左上角 (...DOCTYPE html> 相对定位 div {...= 定位模式 + 边偏移 */ /* 定位模式 : 相对定位; */ position: relative; /* 顶部偏移量 100 像素 */ top: 100px;

    2.5K20

    实操CSS定位:绝对定位、相对定位和固定定位

    在CSS中,定位是一个复杂但重要的概念。它允许我们控制元素在页面上的位置。本文将详细介绍CSS中的三种主要定位类型:绝对定位、相对定位和固定定位。...CSS定位的基本概念在CSS中,position属性用于设置元素的定位类型。它有五个值:static、relative、absolute、fixed和sticky。...相对定位(Relative Positioning)相对定位元素的定位是相对于其在正常流中的原始位置。...css复制div { position: relative; top: 10px;}绝对定位(Absolute Positioning)绝对定位元素的定位是相对于最近的已定位祖先元素(而不是相对于视口...css复制div { position: absolute; top: 50px; left: 50px;}固定定位(Fixed Positioning)固定定位元素的定位是相对于视口,这意味着即使页面滚动

    1.7K10

    模块,import,from xxx

    当项目规模比较小的时候,完全可以使用一个py搞定整个项目的开发,但是如果是一个非常大的项目,此时就必须要把相关的功能进行分离,方便我们日常维护,以及新项目的开发,导入模块有两种方式:   1,import 模块   2,from...一次引入多个,但引入的顺序是有规定的   正确的导入模块的顺序:   1,所有的模块导入都要写在最上面,这是最基本的   2,先引入内置模块   3,在引入扩展模块   4,最后引入自定义的模块 三,from...(): print('%s喜欢看小说'%name) print('她喜欢画画') print('她喜欢喝冰红茶') print('她喜欢吃胡豆') xihuan() from...(): print('%s喜欢看小说'%name) print('她喜欢画画') print('她喜欢喝冰红茶') print('她喜欢吃胡豆') xihuan() from...还有一种特殊的写法,from xxx import *,此时也是把模块中的所有内容导入。

    90120
    领券