1. 脱离文档流。 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。 2. 向左/向右浮动直到遇到父元素或者别的浮动元素。 3. 浮动会导致父元素高度坍塌。 4.浮动元素不占空间 ...
分类：
其他好文 时间：
2017-10-04 14:11:47
阅读次数：
143
一.定位分三种：相对定位，绝对定位和固定定位。 1.相对定位：元素所占据的文档流的位置保留，元素本身相对自身原位置进行偏移； 如下： 定位前： 定位后： 2.绝对定位：元素脱离文档流，不占据位置，漂浮在文档流的上方，相对于父级元素进行定位； 前提是父级元素设置了定位，一般是设置相对定位；如果找不到就 ...
分类：
其他好文 时间：
2017-10-03 22:18:23
阅读次数：
160
一、标准文档流 说白了就是一个“默认”状态。文档流指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 标准流的微观现象： (1).空白折叠现象。比如，如果我们想让img标签之间没有空隙，必须紧密连接。 1 (2)高矮不齐 ...
分类：
Web程序 时间：
2017-10-01 23:43:38
阅读次数：
304
左侧浮动，右侧margin-left值为左侧宽即可。 由于左侧浮动，左侧盒子脱标，右侧仍在标准文档流，右侧盒子宽度是剩下的宽度，效果为右侧自适应。 右侧内容可居中，常规用法即可。 需注意的是左侧浮动，右侧不能继续浮动。 如果两边盒子都浮动，由于右侧盒子宽度不固定，默认为内容撑开宽度。 若浮动，极有可 ...
分类：
其他好文 时间：
2017-10-01 21:13:17
阅读次数：
199
CSS 定位 Static：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。 相对定位(relative)：与最近的一个元素进行定位。相对于原始的位置进行移动 注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素 ...
分类：
Web程序 时间：
2017-09-29 22:59:20
阅读次数：
292
浮动到底是什么？ 浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！ 浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示： 文字环绕效果 但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联排列，是介于inline和 ...
分类：
Web程序 时间：
2017-09-27 23:10:35
阅读次数：
207
定位的元素是不占据空间的 尽量不要用定位 因为 如果定位用的过多的时候 其他元素设置margin-top的时候 就有可能会出现bug 比如 你上面的一个div 用的定位定在了某一个地方 但是下面相邻的div 距上面有一个margin-top 值 这时候 虽然你设置了 margin-top 但是由于上 ...
分类：
其他好文 时间：
2017-09-27 16:17:54
阅读次数：
215
一.浮动的特点： 1.只有左浮动和有浮动，不存在中间浮动；2.浮动碰到边界就停下来，无论是父元素的边界还是子元素的边界；3.浮动默认按文档流的形式布局，一行位置不够就自动换行；4.浮动会自动将行内元素或块元素转化为行内块元素，同时没有一般转化为行内块元素的间距问题；5.浮动元素后面没有浮动的元素会占 ...
分类：
其他好文 时间：
2017-09-26 01:03:49
阅读次数：
113
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动)，不然浮动会造成父元素高度坍塌，同时浮动会脱离文档流，对整个页面布局有很 ...
分类：
Web程序 时间：
2017-09-25 14:33:01
阅读次数：
300
分为三种：普通流、浮动、绝对定位 普通流：默认，html文档的排列顺序块级从上到下（垂直距离由margin-top、margin-bottom决定）；行内元素在一行中从左到右（由margin-left/right、padding-left/right调整水平距离） PS：相对定位属于其一部分 浮动： ...
分类：
Web程序 时间：
2017-09-24 19:25:00
阅读次数：
187
