南湖12138

css的定位

在css中的定位静态定位、相对定位、绝对定位、固定定位四种

1.静态定位(static)

一般的标签在不添加定位为属性时会默认使用静态定位(static)------默认定位方式。

2.绝对定位(absolute)

绝对定位是可以通过left、right、top、bottom等位置属性来对最接近的父级元素进行绝对定位,即对父元素的定位为依据进行定位;

绝对定位的宽高的默认为:auto 即盒子尺寸的适应内容;

如果absolute元素没有position:static以外的父元素,那将相对body定位,但是如果父级元素有除了static之外的定位方式,则会依据父元素的定位再定位

3.相对定位(relative)

相对定位的定位元素是不可层叠的,可以依据left、right、top、bottom等属性在正常文档流里调整自己的定位

4.固定定位

固定定位是相对于浏览器窗口进行定位的,不会随着滚动条进行滚动;

固定定位可以通过在页面上创建一个固定头部(脚部),不需要使用margin、border、padding;

posted on 2021-11-14 22:41  南湖12138  阅读(46)  评论(0编辑  收藏  举报

导航