css定位
2015-10-28 21:16
495 查看
css定位:改变元素在页面上的位置
css定位机制(跟letex布局图片类似):
普通流:元素按照其在HTML中的位置顺序决定排布的过程
浮动
绝对布局
CSS定位属性:
position属性:
static
relative
absolute
fixed
z-index:数字 表示堆叠顺序,谁大谁显示在前面
浮动float属性:
left
right
none
inherit:从父级继承浮动属性
clear属性:去掉浮动属性(包括继承来的属性),clear的属性值为:
left、right:去掉元素向左、向右浮动
both:左右两侧均去掉浮动
inherit:从父级继承来clear的值
浮动应用:瀑布流布局
(css中对ul进行浮动float:left)
css定位机制(跟letex布局图片类似):
普通流:元素按照其在HTML中的位置顺序决定排布的过程
浮动
绝对布局
CSS定位属性:
position属性:
static
relative
absolute
fixed
z-index:数字 表示堆叠顺序,谁大谁显示在前面
浮动float属性:
left
right
none
inherit:从父级继承浮动属性
clear属性:去掉浮动属性(包括继承来的属性),clear的属性值为:
left、right:去掉元素向左、向右浮动
both:左右两侧均去掉浮动
inherit:从父级继承来clear的值
浮动应用:瀑布流布局
(css中对ul进行浮动float:left)
相关文章推荐
- CSS盒模型
- Css3文本新属性
- CSS边框素材
- 响应式样式
- CSS基础学习一:CSS概述
- 关于AlertDialog的自定义样式
- less css预编译语言学习
- CSS样式
- 如何诊断节点重启问题
- css3在不同型号手机浏览器上的兼容一览表
- -moz-border-radius CSS属性演示源代码:FireFox下圆角矩形
- CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
- CSS 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- IE6/IE7/FF的CSS hack总结
- IE与Firefox的CSS兼容大全
- CSS3弹性布局的使用
- css排版
- 解决CSS中float:left后需要clear:both清空的繁琐步骤(转)
- DOM操作style样式——<link>、<style>、<p style=''>的区别