首页 > 编程知识 正文

css怎么自定义按钮,前端相对定位和绝对定位

时间:2023-05-04 02:42:49 阅读:165031 作者:4165

CSS固定定位和绝对定位的区别是什么? 本文将介绍固定定位和绝对定位的区别。 有一定的参考价值,需要的朋友可以参考,希望对大家有所帮助。

绝对位置

绝对定位将偏离文档流的定位。 引用的父级是自己的父级,但自己的父级必须具有位置属性。 (父级的position属性不能为静态,必须为absolute、relative或fixed。 如果您的父元素未设置position属性,将继续查找具有position属性且不是静态的祖先元素,直到body元素。

特点:

1、绝对位置如果不设定任何偏移值,则要素的位置什么都不变(后面的不一定) )。

2、确定绝对位置后,滤芯会离开文档流程

3、绝对位置是对开启了最接近他的定位的要素进行定位,在都没有的情况下对body进行定位(因此,通常在父要素上也追加定位) )。

4、绝对定位,让元素提升一个档次

5、绝对定位会改变要素的性质。 行中的元素成为块元素(因为它们远离文档的流动,即远离文档的流动特性) )。

定位固定

对接是针对浏览器窗口进行的。 无论如何移动滑块,它都会相对于浏览器窗口固定在固定位置。 此外,请注意,同级元素将在位置布局中忽略其存在。 此时使用的top、bottom、left、right也是针对浏览器窗口的。

说明:固定定位也是一种绝对定位,具有绝大多数特征; 但是,他相对于浏览器窗口的位置定位。 例如,浮动的客户服务将返回顶部。 所有这些按钮都是固定的位置

固定定位和绝对定位的区别

固定在绝对位置上最根本的区别是偏移基准的不同。 固定位置相对于浏览器窗口,绝对位置相对于父元素。 还应注意,ie6与固定位置不兼容,与绝对位置兼容。

有关CSS的详细信息,请参见CSS教程。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。