3 CSS 定位&浮动

CSS Position(定位):

static定位:

HTML元素的默认值, 没有定位,元素出现在正常的流中

静态定位的元素不会受到top,bottom,left,right影响

Fixed定位:

元素的位置相对于浏览器窗口固定

即便串口滚动元素也不滚动

注:

  • Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持
  • Fixed定位使元素的位置与文档流无关,因此不占据空间
  • Fixed定位的元素和其他元素重叠。
p.pos_fixed 
{ 
position:fixed; 
top:30px; 
right:5px; 
}

Relative定位:

相对定位元素的定位是相对其正常位置,常被用于绝对定位元素的容器块

Absolute定位:

绝对定位的元素相对于最近的已定位父元素,如果没有已定位的父元素,那么它的位置相对于<.html>

position:absolute; 

注:

  • absolutely定位使元素的位置与文档流无关,因此不占空间
  • absolutely定位的元素和其他元素重叠

span {display:block;}

猜你喜欢

转载自www.cnblogs.com/ltfxy/p/11484050.html