1额外标签法 W3C推荐做法：在浮动元素末尾添加一个空的标签<div style="clear:both"></div>[个人不推荐使用，因为增加好多无用标签] 2添加overflow="hidden|auto|scroll"【触发BFC，可以清除浮动】 3 【和第一个其实差不多，只不过这个类放在父 ...
分类：
其他好文 时间：
2019-05-17 16:53:59
阅读次数：
141
1. 文档流 指盒子按照 html 标签编写的顺序依次从上到下，从左到右排列 块元素占一行 行内元素在一行之内 从左到右排列 先写的先排列 后写的排在后面 每个盒子都占据自己的位置 2. 浮动的特性 1. 浮动元素有左浮动(float:left)和右浮动(float:right)两种 2. 浮动的元 ...
分类：
Web程序 时间：
2019-05-03 14:23:45
阅读次数：
135
浮动原理：w3c:float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。浮动非替换元素要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的空间可供浮动元 ...
分类：
其他好文 时间：
2019-04-26 21:04:49
阅读次数：
265
BFC（块级格式化上下文）布局规则 1.元素垂直排列。 2.同一个BFC相邻两个元素的margin会重叠。 3.BFC区域不会与浮动元素重叠。 4.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 5.计算BFC的高度时，浮动元素也参与计算。 如何创建BFC ...
分类：
其他好文 时间：
2019-04-17 16:30:05
阅读次数：
129
浮动的特性： （1）浮动元素有左浮动（float:left）和右浮动（float:right）两种 （2）浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来 （3）相邻浮动的块元素可以并在一起，超出父级宽度就换行 （4）浮动让行内元素或块元素自动转化为行内块元素（此时不会有行内块元素间隙问 ...
分类：
Web程序 时间：
2019-03-31 09:58:48
阅读次数：
173
前言 浮动最早的使用是出自\，用于文本环绕图片的排版处理。当然也是一种常用的布局方式。 float 浮动 浮动元素脱离普通流，然后按照指定方向，向左或者向右移动，碰到父级边界或者另外一个浮动元素停止 值: left | right | none | inherit(继承) 初始值: none 应用于 ...
分类：
Web程序 时间：
2019-03-30 18:52:54
阅读次数：
193
什么是BFC 在一个web页面的CSS渲染中，块级格式化上下文（Block Formatting Context）是按照块级盒子布局的。W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如inline-blocks,table-cells和table-captions），以 ...
分类：
其他好文 时间：
2019-03-24 20:04:21
阅读次数：
160
引用：https://segmentfault.com/a/1190000004865198 清除浮动 clear类方法 1.使用带clear属性的空元素 在浮动元素后使用一个空元素，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" ...
分类：
其他好文 时间：
2019-03-19 10:48:38
阅读次数：
157
比如说，有一个div，我想在左侧和右侧各方一个元素。 如果不想用flex，那就只能用浮动了。 咋一看并没有问题，对不对？ 但是这样不行：想挂在右侧的那个元素会被挤下去。 只要把浮动元素放在非浮动元素前面就行了。 就是这样。 ...
分类：
Web程序 时间：
2019-02-26 19:30:17
阅读次数：
182
1 浮动定位 1、普通流定位 普通流，由称为文档流 块级元素：从上到下一个一个的排列 行内元素：一行内从左到右的排列 2、浮动定位 2.1、什么是浮动定位 将元素排列在普通流之外，即脱离文档流 浮动元素不会占据页面空间 浮动元素会放置在“包含框”的左边或右边 浮动元素依旧位于包含框之内 浮动元素可以 ...
分类：
其他好文 时间：
2019-02-22 21:29:10
阅读次数：
226
