标签:
一、position:fixed 锁定位置(相对于浏览器的位置),例如网站右下角的弹出位置
.a{
border:5px solid blue 边线为5像素 实线 颜色
width: 宽度像素
height: 高度像素
background-color 背景色
left 距离左边
bottom 距离底部
position:fixed 锁定位置
二、position:absolute绝对的
1、外层没有position:absolute(或relative);那么div相对于浏览器定位
2、外层有position:absolute(或relative);相当于外层包含住的边框定位
三、position:relative相对位置
1、相对于把次div包含住的div某个位置进行固定,如果外层没有包含他的,那就相当于浏览器进行相对位置的固定。
绝对定位:在页面上面进行绝对定位 相对定位:在页面里面真是的占有某个区域,有上下左右的距离会进行位置的平移,不会失去原占有位置。
四、分层
在z轴方向分层,可以理解为分成一摞纸,层数越高越靠上。
五、float(流式布局):left(相对于最右侧定位)、right
left、right是不用给他规定位置(left、top),直接相对于浏览器。若外部被包裹,相对于外部div的除去一行的位置的左上或右上显示。
overflow(超出部分):hidden(不显示)scroll(滚动)
半透明opacity:0.5
标签:
原文地址:http://www.cnblogs.com/dandan1224/p/5793056.html