BFC and IFC 1，IFC -- 针对行内元素 -- 行内格式上下文 BFC --针对块级元素 -- 块级格式上下文 2，IFC特点： 行框的高度由包含元素的高度和有没有float元素决定。 通常，行框的左边距接触到包含快的左边，右边距接触到包含块的右边 浮动元素可能会处于包含块边缘与行框边 ...
分类：
其他好文 时间：
2016-09-11 20:06:39
阅读次数：
141
一、浮动定义：会强制改变display为inline-block，使元素排队列，（排列方式由属性值决定，left / rihgt）， 使该元素处于半脱离文档状态 二、浮动元素处于半飘离状态，能看到浮动元素的主要有文字和具有inline属性的元素，所以由此引发 一个问题，和一个应用 （1）一个问题：父 ...
分类：
其他好文 时间：
2016-09-08 21:39:57
阅读次数：
223
一、浮动定义：会强制改变display为inline-block，使元素排队列，（排列方式由属性值决定，left / rihgt）， 使该元素处于半脱离文档状态 二、浮动元素处于半飘离状态，能看到浮动元素的主要有文字和具有inline属性的元素，所以由此引发 一个问题，和一个应用 （1）一个问题：父 ...
分类：
其他好文 时间：
2016-09-08 21:37:36
阅读次数：
118
CSS浮动和清除 float：让元素浮动，取值：left(左浮动)、right(右浮动) clear：清除浮动，取值：left(清除左浮动)、right(清除右浮动)、both(同时清除上面的左浮动和右浮动) 1、CSS浮动 浮动的元素，将向左或向右浮动，浮动到包围元素的边上，或上一个浮动元素的边上 ...
分类：
Web程序 时间：
2016-09-08 16:17:15
阅读次数：
229
利用：after方法清除浮动（作用于浮动元素的父元素） bootstrap中清除浮动的方法 ...
分类：
其他好文 时间：
2016-09-03 22:33:50
阅读次数：
133
完整文章地址http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候。那 ...
分类：
其他好文 时间：
2016-09-03 16:38:22
阅读次数：
131
感觉css里的float是个非常神奇的东西，神奇之处在于，你知道它是什么意思，但是用的时候总是不知道怎么实现效果。又或者它会很容易地影响到别的元素和属性。所以今天打算尝试一下float的各种设置，看看效果。在这篇博客里做个总结。 1. 设置float后对后面元素的影响 效果： 也就是说前面浮动元素会 ...
分类：
Web程序 时间：
2016-08-27 15:29:19
阅读次数：
132
1、使用空标签清除浮动。 我用了很久的一种方法，空标签可以是div标签，也可以是P标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义CSS代码：clear:both。此方法的弊端在于增加了无意义的结构元素。 ps:对于使用额外标签清除浮动（闭合浮动元素） ...
分类：
其他好文 时间：
2016-08-24 19:10:46
阅读次数：
200
实际操作浮动的时候经常出现一头雾水的情况，趁着写博客理一理： 所谓浮动定位也就是定义一个元素相对于它本来的位置出现在哪里。以下几点是浮动定位中需要记住的： 1.浮动会先将元素在正常文档流中删除，但是该元素依然影响布局。例如，relative的元素原来所占的空间还在。 2.浮动元素的外边距始终不变。 ...
分类：
Web程序 时间：
2016-08-22 00:16:10
阅读次数：
221
文档流布局的概念: 将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。 每个非浮动块级元素都独占一行， 浮动元素则按规定浮在行的一端。 若当前行容不下， 则另起新行再浮动。 内联元素也不会独占一行。 几乎所有元素(包括块级，内联和列表元素）均可生成子行， 用于摆放子元素。 ...
分类：
Web程序 时间：
2016-08-20 17:56:11
阅读次数：
387
