圆角和定位position

圆角:用border-radius:10px   半径为10px的圆弧;正方形中,半径为宽的一半即是圆

 

position相对定位与绝对定位

相对定位:position:relative相对自己原本位置来移动的。且移动之后其他的元素不能占用你原来的位置.比如相对自己的顶top移动多少像素;相对自己原本位置的左边移动。

 

绝对定位:position:absolute ,绝对定位是相对于父元素的top,bottom,left,right来定位 ;将元素从文档流中拖出来,因此会漂浮,可以遮住下面的div; 但是要求上一级即是父元素要有position属性才行,否则一直向上寻找上一级,直到body,html为止,不占用父元素的位置,浮在父元素上面,它下面还是能有东西的;z-index能够设置两个绝对定位的元素谁在上,大的在上,如果不加默认后面定义的在上

positionfloat会让div脱离文档流

 

 

posted @ 2016-08-24 01:25  那些让你奋斗的理由  阅读(598)  评论(0编辑  收藏  举报