文本流，概括地说其实就是一系列字符，是文档的读取和输出顺序，也就是我们通常看到的由左到右、由上而下的读取和输出形式，在网页中每个元素都是按照这个顺序进行排序和显示的，而position属性可以将元素从文本流脱离出来显示。 文档流，英文原版文档为"normal flow"，翻译成常规流、普通流也就更好 ...
分类：
Web程序 时间：
2018-06-16 22:39:43
阅读次数：
7400
文档流（标准流） 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 浮动布局 float: left | right 特点： ★元素浮动之后不占据原来的位置（脱标） ★浮动的盒子在一行上显示 ★行内元素浮动之后转换为行内块元素。（不推荐使用，转行内元素最好使 ...
分类：
Web程序 时间：
2018-06-08 22:37:45
阅读次数：
281
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 巴巴爸爸啵啵啵啵啵啵啵啵啵啵啵啵啵啵啵 ...
分类：
Web程序 时间：
2018-06-08 10:33:14
阅读次数：
210
2.左侧盒子: 左浮动; 右侧盒子: 左浮动,再通过calc计算宽度 3.左侧盒子: float: left; 右侧盒子: margin-left 理解: 浮动会使得元素脱离文档流，后面元素进行布局时，前面的浮动元素就像不存在一样 4.包含左右盒子的大盒子: display: table; 宽度为1 ...
分类：
其他好文 时间：
2018-06-06 15:51:37
阅读次数：
144
CSS学习摘要 定位 === 注：全文摘自 "MDN CSS定位" 定位允许您从正常的文档流布局中取出元素，并使它们具有不同的行为，例如放在另一个元素的上面，或者始终保持在浏览器视窗内的同一位置。 本文解释的是定位( " " )的各种不同值，以及如何使用它们。 文档流 定位是一个相当复杂的话题，所以 ...
分类：
Web程序 时间：
2018-06-04 22:28:06
阅读次数：
311
cp: https://blog.csdn.net/zengyonglan/article/details/53304487 2. 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 ？ 一.什么时候需要清除浮动？ 我们对元素进行了浮动(float)时，我们的元素就会脱离文档流，像一只小船一样漂流 ...
分类：
Web程序 时间：
2018-06-04 19:13:57
阅读次数：
206
下面是几种方法的公用部分（右自适应也是一样的，换一下方向） html: css: 1. 左脱离文档流，右margin 1.1 左float 1.2 左absolute 2. flex布局（左定宽，右flex设置为1，自动伸展，此处注意flex兼容性，可以通postcss等后处理器自动加上前缀） 效果 ...
分类：
Web程序 时间：
2018-06-03 12:34:39
阅读次数：
186
1、标准文档流 2、display：行内元素与块级元素的转换 3、浮动 （1）脱离了标准文档流 （2）互相贴靠 （3）字围效果 （4）收缩 4、浮动产生的问题 5、清除浮动 （1）父元素设定高度 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...
分类：
Web程序 时间：
2018-06-02 19:39:17
阅读次数：
219
非完全脱离文档流 左右结构div盒子重叠现象，一般是由于相邻两个DIV一个使用浮动一个没有使用浮动。一个使用浮动一个没有导致DIV不是在同个“平面”上，但内容不会造成覆盖现象，只有DIV形成覆盖现象。 <!DOCTYPE html><html lang="en"><head> <meta chars ...
分类：
Web程序 时间：
2018-06-01 15:38:47
阅读次数：
261
//////////CSS定位 1/position: static;文档流基本状态 relative;占位置，相对于原来位置定位 absolute;不再占位置，相对（0，0）点 fixed;页面滚动不动 z-index越大越在上面 //////////浮动 float: left right no ...
分类：
Web程序 时间：
2018-05-31 17:24:22
阅读次数：
216
