css position的定位与overflow.浮动

static定位，即没有定位，元素正常的出现在流中,不会受到top,left,right,bottom的影响。

fixed定位：相对于浏览器窗口是固定位置，与文档流无关，因此不占据空间。即使窗口滚动也不会移动。

relative定位：相对定位元素的定位是相对其正常的位置。

absolute定位：绝对定位的元素的位置是相对于最近的已定位的父元素。

若没有已定位的父元素，则是相对于html

overflow 属性控制内容溢出元素框时的显示方式

visible:默认值，内容不会被修剪，会呈现在元素框之外。

hidden:内容被修剪，并且内容会被修剪。

scroll:内容会被修剪，浏览器会显示滚动条。

auto:若内容被修剪，则浏览器会显示滚动条查看其余内容。

css浮动，会使元素向左或者向右移动，其周围的元素也会重新排列。

清楚浮动 使用clear属性 指定元素两侧不能出现浮动元素

clear:both