如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏 ...
分类：
其他好文 时间：
2016-06-03 21:17:48
阅读次数：
219
最近在读《Basic Visual Formatting in CSS》，结合以前看的《css权威指南》和css标准。今天就做个笔记。 以前在遇到一些宽度不明确指明的一些布局的时候，虽然凭感觉能猜出个大概，但是总是有点不是很靠谱。直到最近看到这一本书，觉得总觉得挺好的。 首先要知道，元素除了通过di ...
分类：
Web程序 时间：
2016-06-01 18:07:35
阅读次数：
204
1：设计图 》分出几个独立模块 》颗粒化布局 》文档流控制整体布局 》固定位置的元素绝对定位，段落这种元素不可绝对定位。 》加上和后台交互用的js代码 》会采用常规的交互写法。 头部：header 登录表单:form_list 按钮:but 文本:con_text 商品：goods 说明：text_ ...
分类：
其他好文 时间：
2016-06-01 11:35:04
阅读次数：
142
float： 1、使当前元素div1脱离文档流； 2、影响紧挨着它的后面的div2，使其钻到div1的下面。但是div2中文字不发生变动。（div2没有浮动）； 3、要想2个div并排显示，必须都要设置float； position： 1、相对定位 relative； 2、绝对定位 absolute ...
分类：
其他好文 时间：
2016-06-01 00:10:12
阅读次数：
221
还有一个要求是“中间一栏长度改变时，父元素的高度始终为子元素中最高的高度”，这个之后总结，先分析布局。 看到这个任务，首先想到的就是双飞翼布局，之后有看其他人的代码，总结了一下： 一、position方式： 左、中、右顺序可以任意调整。左右设置绝对定位脱离文档流，再通过left、right、top ...
分类：
其他好文 时间：
2016-05-31 22:35:25
阅读次数：
273
如果一个父元素的所有子元素都设置了float效果，则该父元素的高度不会被撑开且颜色也不会显示。这是因为子元素设置float效果后脱离了标准的文档流， 不占据文档空间所以不能把父元素撑开。有时为了解决这个问题可以使用下面几种方法来清除浮动效果。 方法一：使用空标签 该方法就是在子元素后再添加一个空标签 ...
分类：
Web程序 时间：
2016-05-30 21:24:35
阅读次数：
179
在一个文档流中，盒子模型元素的位置会互相影响。 当一个BFC出现在文档流中时，BFC内部的盒子模型元素同BFC外部的元素之间的位置不会互相影响。 相当于BFC重新创建了一个文档流。 举例： 一个文档流中出现了一个float元素，float元素会影响后续出现的inline或者inline-block的 ...
分类：
其他好文 时间：
2016-05-30 06:28:41
阅读次数：
134
absolute与float 具有同样的性质 包裹性 破坏性 包裹性 破坏性 absolute性质 无依赖的定义： 不受relative限制的absolute定位，行为表现上是不使用top/right/bottom/left任何一个属性或者使用auto作为值 无依赖的表现 脱离文档流 折翼天使 去浮 ...
分类：
其他好文 时间：
2016-05-29 09:39:49
阅读次数：
424
1、绝对定位：position:absolute; 当一个div块的位置被定义为绝对定位absolute时，也就意味着它失去了文档流的位置，后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是0，那么它将漂浮在原来的位置上，否则，会根据相对该元素外的第一个非static属性的元素进行 ...
分类：
其他好文 时间：
2016-05-28 20:32:27
阅读次数：
154
BFC全称block formatting contrxt . 一个隔离的独立容器。 一个标准的文档流，在没css的干预下块级元素独占一行从上往下排列，如： <div>< h>< p>表格 表单....... 行内元素从左至右排列,如： image input spanstong ..... 触发B ...
分类：
其他好文 时间：
2016-05-27 07:04:02
阅读次数：
124
