CSS基础知识-五（CSS定位、左右布局方法）

一、CSS定位

1、Float:left / right /none;------左浮动/右浮动/无

2、Position:absolute;----绝对定位

3、Position:relative;-----相对定位（top/right/bottom/left）

注意：

父级（大div）             子级（子div）

1、     Relelative                absolute------------

2、     Absolute                  absolute

3、     Relative                   relative

 

解释：

1中，父级中div设置绝对定位position:absolute;，子级中设置相对定位position:relative，这时子级中调整的位置是针对父级来调整的

例子：

.position{

         width:366px;

         height:256px;

         position:relative;

         }

.title{

         font-family:"Arial";

         color:white;;

         font-size:13px;

         position:absolute;

         right:40px;

         bottom:25px;

         }