css postion
2015-06-17 16:24
543 查看
static: 默认值。无特殊定位,对象遵循HTML定位规则
relative 元素在正常的工作流中 即z-index:1 相对于static 其left right top bottom属性可用 ltbr 相对于其正常位置进行定位,
如top=-20px,即元素的位置向上偏移20px,对其前后元素的位置无影响
absolute 不在正常的工作流中,即z-index!=1, ltbr相对于第一个非static的父元素,没为html根元素标签
fixed 同absolute不在正常的工作流 ltbr 相对于浏览器窗口
right bottom 子元素右 底与父元素的右 底 的间距,取0即与父元素的右边或底部对齐
left(左)和right(右)在一个对象只能选一种定义,bottom(下)和top(上)也是在一个对象只能选一种定义。
使用1:
父div使用relative,子div使用absolute 子div在父中
relative 元素在正常的工作流中 即z-index:1 相对于static 其left right top bottom属性可用 ltbr 相对于其正常位置进行定位,
如top=-20px,即元素的位置向上偏移20px,对其前后元素的位置无影响
absolute 不在正常的工作流中,即z-index!=1, ltbr相对于第一个非static的父元素,没为html根元素标签
fixed 同absolute不在正常的工作流 ltbr 相对于浏览器窗口
right bottom 子元素右 底与父元素的右 底 的间距,取0即与父元素的右边或底部对齐
left(左)和right(右)在一个对象只能选一种定义,bottom(下)和top(上)也是在一个对象只能选一种定义。
使用1:
父div使用relative,子div使用absolute 子div在父中
相关文章推荐
- css实现三角
- CSS响应式web设计
- 不同版本安卓控件的样式统一
- div+css不间断滚动字幕
- [学习记录][css]position
- 关于 css padding 的使用 padding会将使用该属性的元素撑开
- CSS Font知识整理总结
- POI简易帮助文档--给Excel设置样式
- CSS3 制作Drop Shadow效果
- css3新增属性
- 基于9款CSS3鼠标悬停相册预览特效
- CSS媒体查询
- html css 响应式布局
- Java:在不同界面样式下JPopupMenu与鼠标事件mousePressed表现的结果不同!
- css块级标签、行内标签、行内块级标签
- css选择器的优先级别
- Java:判断当前操作系统界面采用的主题是windows经典样式还是xp样式
- CSS 文字上下颠倒显示
- 响应式设计的5个CSS实用技巧
- z-index在css中怎么用?