首页 > Web开发 > 详细

CSS学习笔记(一):定位与溢出

时间:2016-06-28 20:18:43      阅读:180      评论:0      收藏:0      [点我收藏+]

一、定位:position
static | relative | absolute | fixed | inherit ,各值含义如下:

1)static:
元素框正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。
2)relative:
元素框偏移某个距离,元素仍保持其未定位前的形状,它本身所占的空间仍保留
3)absolute:
元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样,元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
4)fixed:
元素框的表现类似于将position设置为absolute,不过其包含块是视窗本身。


二、内容溢出:overflow
visible | hidden | scroll | auto | inherit

1)visible:元素内容可见,元素框外也可见
2)hidden:元素内容在元素框外不可见
3)scroll: 元素内容在元素框外不可见,但提供滚动条查看
4) auto:允许用户代理来决定使用何种行为

CSS学习笔记(一):定位与溢出

原文:http://www.cnblogs.com/hunterCecil/p/5624743.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!