1.BFC（块级格式上下文，用于清除浮动，防止margin重叠等） 块级格式上下文，是一个独立的渲染区域，并且有一定的布局规则。BFC区域不会与float box重叠，BFC是页面上的一个独立的容器，子元素不会影响到外面，计算BFC高度时，浮动元素也会参与计算。 1.1哪些元素会生成BFC 根元素， ...
分类：
Web程序 时间：
2020-03-06 15:11:08
阅读次数：
83
PartI DIV居中的常用方法： 1）text align:center方式 html css 注： 块元素不可以！ 2）margin: 0 atuo方式 html css 注： 这种对齐方式要求内部元素(.text2)是块级元素，并且不能脱离文档流（如设置position:absolute）,否 ...
分类：
其他好文 时间：
2020-03-02 14:59:52
阅读次数：
98
恢复内容开始 position定位属性，检索或设置对象的定位方式 CSS的定位属性有分为静态定位、绝对定位、相对定位、固定定位、黏性定位。 position:static; <!-- 静态定位 --> position: absolute; <!-- 绝对定位 --> position: relat ...
分类：
Web程序 时间：
2020-03-02 13:14:39
阅读次数：
98
高度塌陷的产生条件：父元素没有设置高度，所有的子元素都浮动 父元素在文档流中高度默认是被子元素撑开的, 1 <!DOCTYPE html> 2 <html 3 <head> 4 <meta charset="utf-8"> 5 <title>解决高度塌陷</title> 6 <style type= ...
分类：
其他好文 时间：
2020-03-01 20:19:44
阅读次数：
68
目录： 1. CSS浮动属性float详解 2. CSS常见页面布局 3. CSS浮动清除和清除浮动的几种方法 4. 高度塌陷的产生条件和解决方法 ## CSS浮动属性float详解 *首先，我们需要了解什么是浮动？浮动是指(浮动的特点)：- 将元素排除在普通流之外，即元素将脱离标准文档流。- 元素 ...
分类：
Web程序 时间：
2020-03-01 17:10:05
阅读次数：
87
一，浮动元素是如何定位的 当一个元素浮动之后，它会被移除正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素 这是一个栗子： 运行结果： 二，解决浮动的副作用： 1. 针对父元素： 注意：如果一个元素里只有浮动元素，那它的高度会是0.如果你想要的它自适应 ...
分类：
其他好文 时间：
2020-02-28 19:00:25
阅读次数：
55
文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 标准文档流 标准文档流的特性 （1）空白折叠现象： 无论多少个空格、换行、tab，都会折叠为一个空格。 ...
分类：
Web程序 时间：
2020-02-25 00:00:49
阅读次数：
110
CSS文档流 CSS 有三种基本的定位机制：普通流、浮动流、定位流。 POSTION position定位属性，检索或设置对象的定位方式 绝对定位和相对定位的区别： 1、参照物不同，绝对定位的参照物是包含块（已定位的父元素），相对定位的参照物是元素本身默认的位置； 2、绝对定位将对象从文档流中拖离出 ...
分类：
其他好文 时间：
2020-02-23 20:42:40
阅读次数：
78
1、在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）。 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这 ...
分类：
Web程序 时间：
2020-02-23 20:39:12
阅读次数：
88
1、浮动-float float是css样式中的定位属性，用于设置标签对象（如：<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签）的浮动布局，浮动也就是我们所说标签对象浮动居左（float:left）和浮动居右(float:right)。浮动会使元素脱离文档流，按照指定方 ...
分类：
Web程序 时间：
2020-02-23 20:23:46
阅读次数：
101
