首页 > 其他分享 >CSS定位布局

CSS定位布局

时间:2022-10-24 20:45:54浏览次数:51  
标签:定位 布局 relative position 15px CSS absolute

CSS定位布局

static

静态定位,也是position的默认值

relative

. box2 {
position: relative;
Left: 15px;
top: 15px;
}
相对定位,但是元素所占空间仍在原位

absolute

position:absolute;
绝对定位,会把元素移除正常的文档流,后方元素会挤占他的空间,而他就浮在原来那个位子,子绝父相.

fixed

固定定位,无所谓滑轮超出,可以做固定浮窗导航条

sticky

类似relative+fixed的效果

z-index

大上小下

标签:定位,布局,relative,position,15px,CSS,absolute
From: https://www.cnblogs.com/face-every/p/16822714.html

相关文章

  • css边框样式(css边框样式属性使用的是)
    CSS列表样式属性list是怎样的?  若list-style-image属性值为none或指定url地址的图片不能被显示时,此属性将发生作用。disc:CSS1实心圆circle:CSS1空心圆squ......
  • css颜色(css颜色表示方法)
    css如何改变按钮的背景颜色和文字颜色?ys{border:1solid#FFCC00;color:#FFCCFF;font-size:9pt;font-style:normal;font-variant:normal;font-weight:normal;height:1......
  • css-常用布局-基础的五种
    三栏布局:如果不考虑高度,即用内容填充高度的话,是可以用inline-block和calc()实现布局的。但适用性差。float和position的兼容性好,但float会用到calc属性影响兼容性。calc和......
  • 测试中发现Bug,如何定位分析原因
    当我们在测试过程中,遇到了Bug:我们应检查下是否环境问题、操作问题,如是,则一般不是Bug判断是前端还是后端的问题,可使用抓包工具看我们的数据传的是否有问题,如无问题则是后......
  • 【前端】总结一下前端css样式规范
    (总结一下前端css样式规范)前端样式CSS规范通用规范//badpadding-bottom:0px;margin:0em;//goodpadding-bottom:0;margin:0;如果CSS可以做到,就不要使用......
  • css 背景渐变
    1.渐变从左到右background:linear-gradient(toright,#000,#fff); 2.渐变从上到下background:linear-gradient(tobottom,#000,#fff); 3.角度渐变(60°)background......
  • Java-JVM调优jstack找出最耗cpu的线程&定位问题代码
    Java-JVM调优jstack找出最耗cpu的线程&定位问题代码 https://blog.csdn.net/shasiqq/article/details/109801683   JVM调优jstack找出最耗cpu的线程&定位问题代码......
  • css换行
    1.word-break:break-all;只对英文起作用,以字母作为换行依据2.word-wrap:break-word;只对英文起作用,以单词作为换行依据3.white-space:pre-wrap;只对中文起作用,强制......
  • 【CSS】464- 5种 CSS 浮动和清除浮动的方法
    浮动是布局的时用到的一种技术,能够方便我们进行布局。1、浮动的设置:css属性float:left/right/none左浮动/右浮动/不浮动(默认)2、浮动的原理:使当前元素脱离普通流,相当于浮动起......
  • 纯css实现卡牌小标签
    纯css实现卡牌小标签​​效果图​​​​代码部分​​​​补充​​效果图代码部分话不多说,直接上代码!<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8">......