首页 > 其他分享 >css绝对定位,没有设置left或top

css绝对定位,没有设置left或top

时间:2023-03-23 22:44:40浏览次数:36  
标签:定位 top div 父类 css left

目标:做h5实现以下情形

问题:不知为何成了这样:

 

 

 分析:

下列是代码:

 

已知id="div_2"的div的父类已经定位,故该div块的位置是相对于这个父类。

修改之前的代码:

进行修改:

 结论:当只给元素定义了position:absolute时,如果top,left没有指定时,则left,top值与原文档流位置一致。

 

参考了:https://blog.csdn.net/ice_teas/article/details/104091882

标签:定位,top,div,父类,css,left
From: https://www.cnblogs.com/qc2012/p/17249809.html

相关文章

  • vite scss相关
    viteisassScss与Sass异同vite项目安装sassnpmisass-D然后在项目中添加如下即可<stylescopelang="scss"></style>项目主题切换利用sass的混入特性,实现切换......
  • css绘制一个Pinia小菠萝
    效果如下:pinia小菠萝分为头部和身体,头部三片叶子,菠萝为身体头部先绘制头部的盒子,将三片叶子至于头部盒子中先绘制中间的叶子,利用border-radius实现叶子的效果,可以借......
  • 使用chrome ABC JS-CSS Injector插件,劫持网页js文件改写调试
    通过保存网站JS文件,然后阻止源本该访问的JS文件,通过ABCJS-CSSInjector讲需要访问的JS转到本地的JS,进行劫持,就可以进行修改调试1.需要插件:ABCJS-CSSInjector  ......
  • CSS详解
    CascadingStyleSheets层叠样式表HTML+CSS+JavaScript框架+表现+交互一、初始及入门1.CSS概念CSS在网页中的应用CSS的发展史CSS的优势2.CSS基本语法标签style3.......
  • css画90度箭头|大于号|小于号
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>c......
  • css画对钩|钩子
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>c......
  • nmap top N端口获取
    使用nmap扫描时可能会扫描tcptop100top1000端口,有时需要去配置文件提取,配置文件路径/usr/share/nmap/nmap-services,具体根据实际安装情况调整:该配置i文件通过统......
  • css中的&是什么意思
    这个是scss中的语法,表示上一级的选择器例如源码:ul{margin-bottom:20px;&>li{margin-bottom:0;}}相当于代码ul{margi......
  • css属性——env()和constant()设置安全区域,解决移动端小程序和H5底部栏 iPhoneX安全
    转载:https://www.cnblogs.com/jiaoshou/p/16647577.html使用苹果官方推出适配方案css函数env()、constant()来适配苹果官方推荐使用env(),constant()来适配,建议使用该方......
  • CSS伪类
    CSS伪类是用来添加一些选择器的特殊效果。语法伪类的语法:selector:pseudo-class{property:value;}CSS类也可以使用伪类:selector.class:pseudo-class{property:v......