标准文档流标准文档流也称为正常文档流标准文档流是按照HTML元素的类型来定位的。HTML元素可以分为块级元素和行内元素。块级元素会按照从上到下的垂直顺序来排列。行内元素则按照水平顺序来排列盒子，从左到右还是从右到左取决于文档顺序浮动定位浮动定位采用float属性实现floa..
分类：
Web程序 时间：
2016-07-17 02:55:32
阅读次数：
218
浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动元素引起的问题和解决办法？ 浮动元素引起的问题： 父元素的高度无法被撑开，影响与父元素同级的元素 与浮动元素同级的非浮动元素（内联元素）会跟随其后 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显 ...
分类：
其他好文 时间：
2016-07-16 20:17:17
阅读次数：
333
<!DOCTYPE html>CSS4-布局3-float 浮动属性最初发明的目的：用来给网页做文字环绕图片排版，写图文环绕案例现在浮动布局的根本目的：把竖排的块级元素改为横排 网页结构层：1：底层，普通流（文档流）2：中层，浮动流 float3：顶层，定位流 position 写块级元素横排案例 ...
分类：
Web程序 时间：
2016-07-12 12:06:10
阅读次数：
200
一：git合并 买新电脑再解决吧！ 要快点买哦！ 二：jQuery 1.jquery必须先导入，再使用哦！ 三：对分页的理解 四：背景随鼠标滑动效果: 导航背景色 背景图片变近效果 五：z-index你用过头了！ 六：position：relative 还没有脱离文档流哦，默认的地盘它还回继续占用的 ...
分类：
其他好文 时间：
2016-07-11 21:01:46
阅读次数：
149
一，情景导入； 正常文档流：指的是HTML文档在进行内容布局时所遵循的从左到右，从上到下的表现方式。HTML中的大多数元素都处在正常的文档流中，而一个元素要脱离正常流的唯一途径就是浮动或定位。 二，定位的常见几种形式； 1，CSS有三种基本的定位机制：普通流，浮动和绝对定位； a,普通流demo： ...
分类：
Web程序 时间：
2016-07-11 16:54:42
阅读次数：
208
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> 在标准文档流里面，块级元素具有以下特点：①总是在新行上开始，占据一整行；②高度，行高以及外边距和内边距都可控制；③宽度始终是与浏览器宽度一样，与内容无关；④它可以容纳内联元素和其他 ...
分类：
Web程序 时间：
2016-07-11 09:09:39
阅读次数：
234
好久没有更新了，今天继续来看看css中的难点：浮动和定位，一直没有怎么弄懂； 一、 问题1：为什么会有中间8px的间距呢，当设置margin-left或margin-right：-8px时，间距会消失； 二、相对定位： 二、使用相对定位，没有脱离文档流， 三、将其换为绝对定位则变为了不一样的样式： ...
分类：
其他好文 时间：
2016-07-10 18:15:33
阅读次数：
101
一， 正常文档流：指的是HTML文档在进行内容布局时所遵循的从左到右，从上到下的表现方式。HTML中的大多数元素都处在正常的文档流中，而一个元素要脱离正常流的唯一途径就是浮动或定位。 二，定位的常见几种形式； 1，CSS有三种基本的定位机制：普通流，浮动和绝对定位； a,普通流demo： <!-- ...
分类：
Web程序 时间：
2016-07-09 22:13:08
阅读次数：
240
浮动定位是指 1.1将元素排除在普通流之外，即元素将脱离标准文档流 1.2元素将不在页面占用空间 1.3将浮动元素放置在包含框的左边或者右边 1.4浮动元素依旧位于包含框之内 2. 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止经常使用它来实现特殊的定位效果 3.包含框 ...
分类：
Web程序 时间：
2016-07-08 11:45:40
阅读次数：
131
关于float的说明 关于float的说明 如图所示，蓝色的div和红色的div处于黑色的div（宽为500px)之中，其中蓝色的div设置了做浮动； 由图一（红色div的margin-top为10px，margin-left为200px） 知：浮动之后蓝色div脱离了正常的文档流，而紧接着蓝色di ...
分类：
其他好文 时间：
2016-07-07 19:50:36
阅读次数：
188
