3 CSS 定位&浮动

CSS Position（定位）：

static定位：

静态定位的元素不会受到top,bottom,left,right影响

Fixed定位:

元素的位置相对于浏览器窗口固定

即便串口滚动元素也不滚动

注：

• Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持
• Fixed定位使元素的位置与文档流无关，因此不占据空间
• Fixed定位的元素和其他元素重叠。

p.pos_fixed  {  position:fixed;  top:30px;  right:5px;  }

Relative定位：

相对定位元素的定位是相对其正常位置，常被用于绝对定位元素的容器块

Absolute定位：

绝对定位的元素相对于最近的已定位父元素，如果没有已定位的父元素，那么它的位置相对于<.html>

注：

• absolutely定位使元素的位置与文档流无关，因此不占空间
• absolutely定位的元素和其他元素重叠

span {display:block;}

来源：博客园

作者：原象fxy

链接：https://www.cnblogs.com/ltfxy/p/11484050.html