定位 overflow

静态定位

静态定位 : position:static;

html元素的默认值,即没有定位,遵循正常的文档流对象.
静态定位的元素不会受到top,bottom,left,right的影响

固定定位: position:fixed;

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

.相对定位: position:relative;

相对定位元素的定位是相对其正常位置
移动相对定位元素,但他原本所占的空间不会改变;

绝对定位:position:absolute;

绝对定位元素的位置相对于最近的已定位父元素,如果父元素没有已定位的元素,那么他的位置相对于html;
absolute  定位使元素的位置与文档流无关,因此不占据空间;
absolute  定位的元素与其他元素重叠.

overflow

visible: 默认值,内容不会被修改,会呈现在元素框之外;
hidden:内容会被修剪,并且其余内容不可见;
scroll:内容会被修剪,但是浏览器会出现滚动条以便查看其他内容;
auto: 如果内容被修剪,则浏览器会显示滚动条以便查看其余内容;
sticky:粘性定位;