一 标准流 块级元素占据一行显示，行内元素在一行上显示 -- 元素按照原来的显示方式显示 标准流 二 浮动 1 浮动的作用与用法 float 设置元素是否浮动或者如何浮动 none 不浮动 left 左浮动 right 有浮动 2 浮动的特点 1 浮动的元素不占据原来在标准流中的位置 -- （脱离标 ...
分类：
Web程序 时间：
2016-07-24 00:16:43
阅读次数：
540
元素是怎样浮动 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。 浮动元素之前的元素将不会受到影响。 正文 浮动是一种半脱离文档流的状态，他不像绝对定位那样完全脱离文档流 绝 ...
分类：
Web程序 时间：
2016-07-20 06:30:24
阅读次数：
386
标准文档流标准文档流也称为正常文档流标准文档流是按照HTML元素的类型来定位的。HTML元素可以分为块级元素和行内元素。块级元素会按照从上到下的垂直顺序来排列。行内元素则按照水平顺序来排列盒子，从左到右还是从右到左取决于文档顺序浮动定位浮动定位采用float属性实现floa..
分类：
Web程序 时间：
2016-07-17 02:55:32
阅读次数：
218
1.假设现在CSS中没有浮动(float)属性，那么会变成一个什么样子。我们会发现，目前流行采用浮动方法实现的无论是分栏布局，还是列表排列我们都可以用其他一些CSS属性（不考虑table）代替实现，唯一一个实现不了的就是“文字环绕图片”，我是想不出来能有什么方法可以让文字环绕图片显示。好，这个替代不 ...
分类：
Web程序 时间：
2016-07-15 20:38:23
阅读次数：
388
浮动定位是指 1.1将元素排除在普通流之外，即元素将脱离标准文档流 1.2元素将不在页面占用空间 1.3将浮动元素放置在包含框的左边或者右边 1.4浮动元素依旧位于包含框之内 2. 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止经常使用它来实现特殊的定位效果 3.包含框 ...
分类：
Web程序 时间：
2016-07-08 11:45:40
阅读次数：
131
人还是要学会思考。我初学css时候，老觉得浮动与绝对定位的功能很类似，原因很简单，因为他俩都能使正常html元素脱离元素流。 相对于绝对定位强悍的功能，浮动其实并没有完全脱离元素流，这个后面会说。 那么什么是脱离元素流呢？要搞清楚这个问题，首先得了解什么是元素流。我的理解，元素流是html标签本应该 ...
分类：
Web程序 时间：
2016-06-14 06:20:37
阅读次数：
325
说到元素的浮动，首先要明确一个概念就是包含块(containing block)。所谓浮动元素的包含块，就是其最近的块级祖先元素。我们后面会举例来说明。这里关于浮动的问题，主要有以下几点：
1、浮动元素的外边界不能超过其包含块的内边界。
2、浮动元素的外边界是另一浮动元素的外边界。
3、浮动元素的顶端不能比之前出现的浮动元素的顶端更高。
4、浮动元素顶端不超过当前行。
5、clear属性。
1、浮动...
分类：
Web程序 时间：
2016-06-12 02:08:04
阅读次数：
328
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; } .clearfix:after { content:""; height: ...
分类：
Web程序 时间：
2016-05-23 17:20:56
阅读次数：
173
一、浮动 CSS浮动 CSS float浮动的深入研究、详解及拓展(一) CSS浮动属性Float详解 块级元素独占一行 块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元 ...
分类：
其他好文 时间：
2016-05-17 00:30:15
阅读次数：
220
样式集小记(一)css浮动设置与清除A：浮动的表示：1.浮动的写法：float:left/right；Float：使HTML元素向左或向右浮动，取值：left、right2.浮动的元素，可以向左或向右浮动，直到碰到包围框的边上或者上一个浮动框的边上为止；3.浮动的元素将脱离普通文档流，并且不再占用空间..
分类：
其他好文 时间：
2016-05-15 12:40:09
阅读次数：
214
