css知识点(position-float-定位-浮动)-20141022
来源:互联网 发布:红外触摸算法 编辑:程序博客网 时间:2024/06/05 02:56
position
理解position其实很简单,关键理解两个问题:一.定位后的位置(无论是相对于定位前还是相对于父块) 二.定位之前元素块所占的位置该如何处理,是保留还是关闭,这直接关系到接下来的元素如何排列。根据以上两点就能确定本元素块的位置及接下来该显示的元素块的位置
1.一切皆为框,行框与行内框的区别
2.行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。
3.position四种值的含义
4.overflow属性
5.clip属性——不太了解.
6.img的vertical-align
7.z-index
8.绝对定位的元素的位置相对于最近的已定位的祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。
float和clear
9.设置元素之后确实是把元素分离出文档普通流的,虽然行内元素被设置为float之后的显示方式很想仍然在文档流之内,不过实际上是浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。
10.
0 0
- css知识点(position-float-定位-浮动)-20141022
- css-4(浮动:float 定位:position)
- CSS概念之定位体系(绝对定位position/浮动float/display)
- css的文档流,float浮动和position定位
- Float浮动和position定位
- css 浮动定位float详解
- position 定位法,float浮动法
- 盒模型+float浮动元素+position定位
- CSS中的Position与浮动float
- CSS元素定位--浮动(float)与清楚(clear)
- CSS-Float(浮动)
- CSS浮动(float)
- CSS Positioning(定位)与Float(浮动)
- CSS定位——position、float小结
- H5~居中、盒模型、float(浮动)、position(定位)等问题
- CSS定位(position)
- css定位(position)
- CSS position 属性:绝对定位与相对定位,以及浮动
- 使用Navicat for MySQL新建数据库,并运行已存在的.sql文件,自动生成要创建的table
- RAR和ZIP:压缩大战真相
- 每个程序员都该知道的10大编码原则
- Java中System.loadLibrary() 的执行过程
- ORACLE行转列
- css知识点(position-float-定位-浮动)-20141022
- hdu 5071 Chat
- PAT DS 4-09. 笛卡尔树
- 连通性(输入整数对)
- CallBack机制
- Android 5.0 开发者官网知识结构疏理
- Android上传图片至服务器Servlet端
- Node.js实战 笔记(内容很好懂,阅读起来很流畅)
- POJ 1418 Viva Confetti(Japan 2002 Kanazawa)