首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    1.4K20

    模块,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 *,此时也是把模块中的所有内容导入。

    57520

    【CSS】定位 ④ ( 绝对定位特点 | 相对定位不脱标示例 | 绝对定位脱标示例 )

    一、绝对定位特点 ---- 绝对定位 以 带有定位的 父级元素 为基准 , 通过 边偏移 移动位置 ; 如果 绝对定位 的元素 的 父级元素 没有定位 , 那么会 一直向上查找有定位的父级元素 , 直到浏览器...; 绝对定位 元素 不保留 原来的位置 , 是完全脱离 标准流 的 ( 脱标 ) ; 这里与相对定位进行对比 , 相对定位 是相对于 盒子在普通流模式下的位置 进行设置的 ; 相对定位 是 不脱标 的..., 原来的位置还会进行保留 ; 二、相对定位不脱标示例 ---- 相对定位 , 会保留盒子的原始位置 , 如果有其它标准流盒子在后面 , 会在 相对定位 的 盒子原始位置的 基础上进行排列 ; 代码示例...DOCTYPE html> 绝对定位示例 .father...的元素 , 红色盒子是标准流元素 , 标准流元素会在 相对定位元素原坐标的基础上进行排列 ; 三、绝对定位脱标示例 ---- 绝对定位 会 脱离标准流 , 后续的标准流元素会忽略掉绝对定位的元素 ,

    93220

    定位?

    定位?...默认是static 相对定位 绝对定位 固定定位 相对定位: 没脱离文档流,位置还在 相对定位的元素比普通元素的层级要高 相对定位的元素,它的参照物的元素是它自身 相对定位还有一个比较常用的作用,就是给绝对定位的元素做参照物...如果给相对定位的元素同时设置left、right、bottom、top,它将按照left和top定位 绝对定位: 想让谁绝对定位,咱们就给谁加position:absolute; 让谁做它的参照物...如果不给绝对定位的元素设置宽度,它的宽度就是自身的内容。如果给绝对定位的元素的宽度设置百分比,它的宽度是参照它的参照物(而不是它的父级) 固定定位?...想要给谁设置固定定位,就给谁添加position:fixed; 固定定位的参照物是浏览器窗口; 让一个定位元素在盒子中垂直居中的公式?

    64010
    领券