浮动(float):浮动原先设定时主要是用于文本环绕图像设定的，后来发现其在css布局中有很大的帮助，故渐渐使用浮动。 浮动后的元素脱离了文档的普通流，使得浮动的元素不占据文档的位置，其他元素可以覆盖其位置。 浮动元素不影响块框元级元素布局，但是可以影响内联元素（主要是文本）布局。（即浮动元素不占据 ...
分类：
其他好文 时间：
2018-06-25 16:54:55
阅读次数：
176
CSS外边距合并 块级元素的上外边距和下外边距有时会合并（或折叠）为一个外边距，其大小取其中的最大值，这种行为称为外边距折叠（margin collapsing），有时也翻译为外边距合并。注意浮动元素和绝对定位元素的外边距不会折叠。 下面列出了会发生外边距折叠的三种基本情况： 一些需要注意的地方： ...
分类：
Web程序 时间：
2018-06-23 17:16:13
阅读次数：
388
经常会说没有清除浮动的话就会导致高度坍塌，啥是高度坍塌呢？1.什么是高度坍塌？简单来说就是包含有浮动元素的上一级元素（即父级元素）高度变为0了。下图有浮动元素的父级元素border设置为绿色，但是高度变为了0. 高度坍塌 高度坍塌 为包含浮动元素的父级元素： 未设置浮动.png 未设置浮动.png ...
分类：
其他好文 时间：
2018-06-23 15:37:53
阅读次数：
151
一．CSS引入方式1.CSS简介：（1）CSS(CascadingstyleSheets):层叠样式表。用来给html网页设置样式;（2）当多个选择器对同一个元素进行样式设计时，则该元素的样式为多个选择器叠加的效果（当有冲突时，按照优先级设置）;2.引入方式：（1）方式一：行内样式（在html元素的style属性上设置样式）（2）方式二：页面内嵌样式（在head标签内部嵌入样式）（3）方式三：引入
分类：
编程语言 时间：
2018-06-21 15:28:17
阅读次数：
196
我们接下来学习的这几种浮动方式我们不用去理解它，因为它中间有一些知识点我们没有学，所以我们只要背诵下来就行了。 等学完了一些相关的知识点以后我们再回来看一下细节。 我们从刚才的页面拷贝一份代码，然后默认情况下不浮动是这个样子 然后将浮动元素打开，默认情况下是长的这个样子 然后我们想清除浮动 但是现在 ...
分类：
其他好文 时间：
2018-06-15 20:10:32
阅读次数：
144
http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html 元素若不是bfc，那么内部浮动元素的高度不参与计算 元素若不是bfc。那么与浮动元素会重叠，若是bfc，不会与浮动元素重叠 元素若不是bfc，内部元素的margin- ...
分类：
Web程序 时间：
2018-06-15 13:13:15
阅读次数：
188
1. float 详解 1.1. 定义 摘自w3school：float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可 ...
分类：
Web程序 时间：
2018-06-09 23:15:59
阅读次数：
242
2.左侧盒子: 左浮动; 右侧盒子: 左浮动,再通过calc计算宽度 3.左侧盒子: float: left; 右侧盒子: margin-left 理解: 浮动会使得元素脱离文档流，后面元素进行布局时，前面的浮动元素就像不存在一样 4.包含左右盒子的大盒子: display: table; 宽度为1 ...
分类：
其他好文 时间：
2018-06-06 15:51:37
阅读次数：
144
浮动元素垂直居中: 核心代码: vertical align: middle;display: table cell;代码实现如下 ...
分类：
其他好文 时间：
2018-06-06 12:23:20
阅读次数：
202
BFC的概念 什么是BFC呢？ BFC：块级格式化上下文（Block Formatting Content）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 在BFC中，盒子从顶端开始垂直地一个接一个地排列，两个盒子之间的垂直的间隙是由他 ...
分类：
其他好文 时间：
2018-06-02 20:39:21
阅读次数：
177
