一、文档流 网页默认的定位方式 1.行级元素： 从左到右 2.块级元素： 从上到下 文档流的流动方式 从右下 到 左上 ↖ 二、浮动 1、浮动的定义 ， 是元素脱离文档流 遇到父级边界 或相邻浮动元素 停止 2、特点 a）浮动元素不会超过父元素的边框 b) 浮动元素默认不会重叠 c）浮动元素只能左右 ...
分类：
Web程序 时间：
2017-11-21 22:15:16
阅读次数：
193
BFC是什么? BFC:当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影响的 ...
分类：
其他好文 时间：
2017-11-21 18:02:52
阅读次数：
187
float浮动的特性： 1、块在一排显示 2、内联元素支持宽高 3、默认内容撑开宽度 4、脱离文档流 5、阻止margin叠压浮动：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。部分清浮动的方法：1.加高度 缺点： a.不利于维护 b.在内容不确定高度时无法使用2. ...
分类：
其他好文 时间：
2017-11-17 18:25:17
阅读次数：
131
先介绍几种常见的垂直布局方式： 已知盒子具体宽度（宽度可以为百分比）（适用于居中浮动元素） 第一种： 给父元素相对定位,给子元素绝对定位 例子： 当不知到盒子的具体大小时，可借助jquery实现css样式： jQuery实现水平和垂直居中的原理就是通过jQuery设置DIV的CSS，获取DIV的左、 ...
分类：
Web程序 时间：
2017-11-09 14:17:56
阅读次数：
258
一、添加空盒子 （较流行） 缺点：为清除浮动，添加的空盒子太多，新手容易晕。 方法：在浮动元素的后面（同级元素）添加一个新的div，并定义一个clear类，附给该div。 .clear{clear:both;} 二、overflow：hidden。 （较简单，兼容与市面浏览器） 方法：定义clear ...
分类：
其他好文 时间：
2017-11-06 13:13:34
阅读次数：
203
日常切图布局中经常要用到浮动，但是，只会用却不知道浮动的原理，清除浮动的作用。 今天就讲解一下浮动的基本作用与原理，清除浮动的那些方法，日常开发通常用什么清除浮动。 一、什么是浮动？ 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 二、什么是文档流？ 文档流是文档中 ...
分类：
Web程序 时间：
2017-11-05 15:08:59
阅读次数：
158
清除浮动其实主要解决的就是高度塌陷问题，具体在此不再赘述~~~那些年我们一起清除过的浮动（大佬博客，写的挺不错） 方法小结：1. 1）添加额外标签 这是在学校老师就告诉我们的 一种方法，通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>，其他标签br ...
分类：
Web程序 时间：
2017-11-02 20:04:46
阅读次数：
240
<i class="icon XXX-iconXXX"></i><span>中国中国</span><i class="icon XXX-iconXXX"></i><span>中国中国</span><i class="icon XXX-iconXXX"></i><span>中国中国</span><i ...
分类：
其他好文 时间：
2017-10-24 22:38:04
阅读次数：
143
一个元素的css设置了浮动（float），会影响到他下面的元素，使html页面显示达不到预期的效果，下面介绍几种值得推荐的有效清除浮动的方法。 方法一：在设置浮动元素的后面新增一个div,将其设置成clear:both 例： 例： 例： ...
分类：
Web程序 时间：
2017-10-16 18:04:53
阅读次数：
225
