码迷,mamicode.com
首页 > Web开发 > 详细

3 CSS 定位&浮动

时间:2019-09-08 09:58:34      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:ie7   元素   ott   mil   splay   block   ace   new   http   

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;}

3 CSS 定位&浮动

标签:ie7   元素   ott   mil   splay   block   ace   new   http   

原文地址:https://www.cnblogs.com/ltfxy/p/11484050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!