CSS定位

CSS(Cascading Style Sheets) 定位 (Positioning) 属性允许你对元素进行定位

 

它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

<1> 块级元素: div、h1或p元素 即：显示为一块内容称之为 “块框“ ;

 

<2> 行内元素: span,strong,a等元素 即：内容显示在行中称 "行内框";

 

<3> 使用display属性改变成框的类型

 

即：display:block; 让行内元素设置为块级元素，display:none; 没有框

 

相对定位：如果对一个元素进行相对定位，它将出现在它所在的位置上。

 

通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动

 

.adv_relative {

  position: relative;

  left: 30px;

  top: 20px;

}

 

 

绝对定位：元素的位置相对于最近的已定位祖先元素，如果元素没有已定位

 

的祖先元素，它的位置相对于最初的包含块。

 

 

 .adv_absolute {

 

  position: absolute;

 

  left: 30px;

 

  top: 20px;

 

}

 

 

CSS 浮动：float 属性定义元素在哪个方向浮动，在 CSS 中，任何元素

 

都可以浮动；

 

<div style="clear: both;"></div>清除浮动