用不同的定位方式,控制标签具体的显示位置。
position:static | relative | fixed | absolute;
static 定位是默认值,即没有定位,遵循正常的文档流对象。
(1)absolute绝对定位
基本语法 position: absolute;
功能 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于html。
(2)relative相对定位
基本语法 position: relative;
功能 相对定位元素的定位是相对其正常位置。
(3)fixed绝对定位
基本语法 position: fixed;
功能 元素的位置相对于浏览器窗口是固定位置。