元素：块级元素，内联元素，内联块状元素 块级元素：在默认情况下会独占一块区域 相对于块级元素的父元素来讲，块级元素占据的行默认是单独享有的。 通过设置元素的样式为： 1 display:block; 1 display:block; 1 display:block; 1 display:block; ...
分类：
其他好文 时间：
2017-10-13 19:01:50
阅读次数：
189
CSS 清除浮动 clear 属性用于设定元素哪一侧不允许有其他浮动元素（而并非取消元素的浮动）。 例子： 设想这么一种情况，一个div包含的内容都设置了浮动，那么内容就脱离文档流，将导致div实际没包含任何“内容”，如下左图所示： 如何像右图那样在视觉上div包含内容呢？尤其在div要做边框显示的 ...
分类：
Web程序 时间：
2017-10-08 15:31:48
阅读次数：
282
1. 脱离文档流。 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。 2. 向左/向右浮动直到遇到父元素或者别的浮动元素。 3. 浮动会导致父元素高度坍塌。 4.浮动元素不占空间 ...
分类：
其他好文 时间：
2017-10-04 14:11:47
阅读次数：
143
1.overflow:hidden 较简单，兼容于市面浏览器、负面效果不详、暂不推荐使用。2.定义clear类，并把clear类赋给浮动元素的父级元素。 .clear{display:block;overflow:hidden;} 3.定义clear类，使用伪元素:after，把clear类赋给浮动 ...
分类：
Web程序 时间：
2017-09-30 19:33:46
阅读次数：
216
浮动到底是什么？ 浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！ 浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示： 文字环绕效果 但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联排列，是介于inline和 ...
分类：
Web程序 时间：
2017-09-27 23:10:35
阅读次数：
207
一.浮动的特点： 1.只有左浮动和有浮动，不存在中间浮动；2.浮动碰到边界就停下来，无论是父元素的边界还是子元素的边界；3.浮动默认按文档流的形式布局，一行位置不够就自动换行；4.浮动会自动将行内元素或块元素转化为行内块元素，同时没有一般转化为行内块元素的间距问题；5.浮动元素后面没有浮动的元素会占 ...
分类：
其他好文 时间：
2017-09-26 01:03:49
阅读次数：
113
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动)，不然浮动会造成父元素高度坍塌，同时浮动会脱离文档流，对整个页面布局有很 ...
分类：
Web程序 时间：
2017-09-25 14:33:01
阅读次数：
300
核心：浮动元素会脱离文档流并向左/向右移动，直到碰到父元素或者另外一个浮动元素。 float ：left 向左浮动 right 向右浮动 none （默认） inherit 继承父元素 float效果 原效果图 换张图.....因为我突然发现一个问题，用这张图不好解释........ 原图 代码 然 ...
分类：
Web程序 时间：
2017-09-17 01:24:53
阅读次数：
235
可以有两种方法： 1.添加overflow:hidden; 2.添加伪元素 <style> .wrap{ border:1px solid blue; width:600px; margin:0 auto; padding:20px 0; } .main{ float:left; backgroun ...
分类：
其他好文 时间：
2017-09-09 12:57:41
阅读次数：
169
右边固定，左边自适应 原理：两节点并排，左节点浮动，右节点向最左边靠齐，此时浮动元素会遮住左节点，因为块状元素默认长度100%； html css ...
分类：
其他好文 时间：
2017-09-06 18:19:56
阅读次数：
192
