@1AF45FD50F659A1B453C38CFFB72CD44169DEAAF00E887BB5FF50D2134E4B7CDE699AAC3D43855A59B236335BA4481C89B6BC179D2721963ADC7853BE3DFC95A144A38396BE89D38304D7 ...
分类：
其他好文 时间：
2018-05-22 20:38:50
阅读次数：
162
浮动的目的：把多个盒子放在一行上清除浮动的目的：解决父盒子高度为0的问题清除浮动，也称闭合浮动注：本文不兼容IE6 未清除浮动实现情况： 清除后： 原代码： 具体方法：1.额外标签法在含浮动标签后加兄弟盒子清除浮动例： 缺点：添加了许多空div 2.给父盒子overflow:hidden 触发bfc ...
分类：
其他好文 时间：
2018-05-22 10:46:22
阅读次数：
185
https://zhuanlan.zhihu.com/p/22048907 https://www.zhihu.com/question/28292740 https://segmentfault.com/a/1190000006935290 http://www.jdon.com/45878 ht ...
分类：
其他好文 时间：
2018-05-21 00:57:28
阅读次数：
186
转载自：https://zhuanlan.zhihu.com/p/25321647 学习前端以来，一直觉得css比js要难一些，对一些css加一个属性得到意想不到的效果，往往知其然，不知其所以然，还是要持续深入学习~ 周六来加班学习的我，看到好东西抄一波。（怕啥时候想找没了，作者写的很好，可以点开原 ...
分类：
Web程序 时间：
2018-05-19 17:09:11
阅读次数：
569
浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一 ...
分类：
其他好文 时间：
2018-05-15 11:11:41
阅读次数：
185
BFC(Block Formatting Context)块级格式化上下文。它是一个独立的渲染区域。 它决定了块级元素如何对它的内容进行布局，以及与其他元素的关系和相互关系。 块级元素：父级（是一个块元素） 内容：子元素（是一个块元素） 其他元素：与内容同级别的兄弟元素 相互作用：BFC里的元素与外 ...
分类：
其他好文 时间：
2018-05-14 13:46:48
阅读次数：
193
七种实现左侧固定，右侧自适应两栏布局的方法 圣杯布局 双飞翼布局 圣杯布局和双飞翼布局 CSS深入理解流体特性和BFC特性下多栏自适应布局 块状元素的流体特性。 图片宽度一直width:100%，结果随着margin, padding, border的出现，其可用宽度自动跟着减小，形成了自适应效果。 ...
分类：
其他好文 时间：
2018-05-13 12:05:53
阅读次数：
211
<div class= "container"> <div class="left"></div> <div class="right"></div></div> <style>/*方法一： BFC(块级格式化上下文)*/ .container{ width:1000px;height:400px; ...
分类：
Web程序 时间：
2018-05-13 11:58:54
阅读次数：
202
BFC:块级格式化上下文 IFC:行内格式化上下文 实例如下： <div class="out" style="background: red;"> <div class="in" style="height: 100px; margin-top: 10px; background: green;" ...
分类：
Web程序 时间：
2018-05-11 00:51:47
阅读次数：
400
总结一下左边固定，右边自适应的两栏布局的七种方法。其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用，但是其中也会涉及一些知识点。关于最终的效果，可以查看这里 常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调节的 ...
分类：
其他好文 时间：
2018-05-07 13:42:35
阅读次数：
186
