3 CSS 定位&浮动

CSS Position（定位）：

static定位：

HTML元素的默认值， 没有定位，元素出现在正常的流中

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

Fixed定位:

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

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

注：

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

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

Relative定位：

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

Absolute定位：

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

position:absolute;

注：

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

span {display:block;}

原文地址：https://www.cnblogs.com/ltfxy/p/11484050.html