码迷,mamicode.com
首页 > 其他好文 > 详细

格式与布局

时间:2016-08-23 13:11:17      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:

一、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

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