问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

css里的定位怎么用

发布网友 发布时间:2022-04-28 12:44

我来回答

3个回答

懂视网 时间:2022-04-28 17:06

本篇文章给大家带来的内容是关于如何使用css定位?css定位的使用方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

微信截图_20181018155000.png

position

  1. static :默认值,元素出现在正常流中。

  2. relative:相对定位,相对于正常位置定位,原位置被占据。

  3. fixed:固定定位,相对于浏览器窗口定位。

  4. absolute:绝对定位,相对于static定位以外的第一个父元素定位,如果没有定位的祖先元素,则相对于最初的包含块定位。后继元素会占据它原本的空间,元素脱离文档流。

  5. sticky:基于用户的滚动位置来定位。在 position:relative 与 position:fixed 定位之间切换。
    它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。
    元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。
    这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。

  6. inherit:从父元素继承 position 属性的值。

脱离文档流:使用 float、absolute、fixed。(脱离文档流的元素不再占据原先的位置)

注:absolute不能和float同时使用。

热心网友 时间:2022-04-28 14:14

<div style="position:relative; border:1px solid #ff3300; height:300px; width:300px;">
<div style="position:absolute; left:20px; top:30px; border:1px solid #0066FF; height:80px; width:80px;">
</div>
</div>
来个例子吧,简单易懂。外部的用relative, 内部的用absolute

热心网友 时间:2022-04-28 15:32

能把问题描述的详细一点吗?
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
收到别单位给的承兑汇票 我单位在给别的单位 这笔业务应该怎么做啊? 荔枝什么生肖 均衡器怎样调成重低音 电脑eq设置低音电脑EQ均衡器怎么设置达到最佳音效 第一排是什么单词 人生中的黑暗乐章——Agust 乐评 Sigur Ros乐队简介 ...在这部影片里面名字叫Agust还是什么的、求名字 请大大们给个英文名 大叶芹叶子可以吃吗 裤子上沾了油渍,用什么东西可以快速的清洗干净? 休闲针织裤沾上油渍,油点,如何请洗干净 时间长了怎么清洗 微信绑了qq号就可以解绑手机号了嘛? 我的QQ和以前的手机号申请的微信绑定了,现在怎样才能解绑 qq号微信手机绑定怎么解除 微信同时绑定了qq和手机号,可以解绑手机号吗 微信绑了qq号就可以解绑手机号了嘛 人保财险在金融工作会议 2017年全国第五次金融工作会议内容说明了什么? 金融工作会议 人保 金融工作会议 保险业 2019金融工作会议保险 全国金融工作会议的会议内容 中央金融工作会议精神 绒面鞋前尖穿着紧怎么办 刚买的新鞋有点紧怎么办 金融市场部内部座谈会怎么发言 新买的板鞋头部穿着有些紧,如何能使鞋宽松些 耐克鞋刚开始穿有点紧 新鞋太紧怎么办? ai可以把位图转成有色彩的矢量图吗,不只是黑色的。。。 矢量图可以用数位板画吗? 有没有CORELDRAW所有版本都能用的矢量图下载网站? 点阵图、光栅图、位图的区别是什么? 求ISO认证系列矢量图 求 把手绘 变成logo矢量图 CD的全称是什么? 利用扫描仪输入计算机的机械零件图是矢量图么 解除劳动合同经济补偿金的计算公式是什么 解聘后经济补偿怎么算? 解除合同经济补偿金如何计算 单位提出解除劳动合同,经济补偿金如何计算 员工被辞退的补偿金是如何计算的? 关于解除劳动合同经济补偿金要怎么算? 筷子长度是多少? 解除劳动合同经济补偿金计算方法 筷子一般是多长 普通的PVC卡是怎么样做出来的 解除劳动合同要支付经济补偿金吗,如何计算经济补偿金 筷子一般是多少长度的﹖
  • 焦点

最新推荐

猜你喜欢

热门推荐