本文是根据网上资料总结出来的文章 CSS 布局方式 一列布局 多用于显示标题展示等； 两列布局 两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。 注意： 1.如何父级元素没有设置高度，则需要设置overflow:hidden来清 ...
分类：
Web程序 时间：
2018-12-31 00:05:03
阅读次数：
218
CSS布局之左右布局与左中右布局 方法：为子元素设置浮动，然后在其父元素上使用clearfix类来清除浮动。代码示例： 水平居中 子元素为内联元素、单个块状及多级块状元素布局方案不同，具体总结如下： 内联元素：对父元素设置text align: center； 单个块状元素：对子元素设置margin ...
分类：
Web程序 时间：
2018-12-23 15:18:27
阅读次数：
224
1.先来一种最简单的方法 2.利用在css里面写的 类 clearfix 来清除 代码如下 ...
分类：
其他好文 时间：
2018-12-21 12:56:57
阅读次数：
178
用after伪类实现，兼容多种浏览器：.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;overflow:hidden;} 为了兼容IE6、IE7，加上下面代码： .clearfi ...
分类：
其他好文 时间：
2018-12-20 10:26:03
阅读次数：
160
BFC(边距重叠解决方案) 1、BFC的基本概念：块级格式化上下文 2、BFC的原理（说白了就是BFC的渲染规则）： 这个规则是什么呢？我觉得大家能说出4点就够了 第一个就是BFC可以解决这个元素的垂直的边距发生重叠的情况 第二个是BFC的区域不会与浮动元素的box重叠，这个肯定是用来清除浮动的。 ...
分类：
Web程序 时间：
2018-12-18 11:04:10
阅读次数：
182
一、浮动 1、三个属性：left、right、none. 2、特点：容易造成父项塌陷，故在父项需要清除浮动 3、父项塌陷现象 4、父项塌陷解决方案（建议使用）:清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t ...
分类：
Web程序 时间：
2018-12-17 16:59:26
阅读次数：
302
续： line-height 用于设置一行文本行高，一般用于文本的垂直居中； display 用于设置元素的显示方式 float 浮动，让元素漂浮起来排列 浮动的影响： a.浮动后，行内元素可以支持宽高 b.文本会让位，绕排 c.不能撑起父级高度，父级若没设高度，就没有高度； 清除浮动影响： a.给 ...
分类：
Web程序 时间：
2018-12-13 19:36:09
阅读次数：
225
一、什么是块级元素？ 一个水平流上只能单独显示一个元素，多个块级元素则换行显示。 clear属性可以清除浮动带来的影响。 二 display不同属性的理解 值为block的元素叫“块级盒子” 值为inline-block的元素叫“块级容器盒子” 既可以一行显示，又可以设置高度宽度了。 值为inlin ...
分类：
Web程序 时间：
2018-12-10 23:00:04
阅读次数：
157
float--left左浮动；right右浮动；none不浮动；浮动排列的顺序不会改变，默认时谁在第一个，浮动就会排在第一个； 浮动的影响：1、行内元素浮动之后可以支持宽高；2、文本会给浮动的元素让位；可以制作文本绕排的效果；3、在父级没有给高度的情况下，子级浮动后父级会没有高度； 清除浮动：1、在 ...
分类：
其他好文 时间：
2018-12-10 20:48:50
阅读次数：
300
本文非原创，原文链接：https://www.cnblogs.com/wyaocn/p/5810530.html 什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长 ...
分类：
Web程序 时间：
2018-12-09 16:09:39
阅读次数：
157
