浮动与伪类选择器 一、浮动(float) 1.标准文档流 标准文档流是一种默认的状态 浏览器的排版是根据元素的特征（块和行级） 从上往下 从左往右排版 这就是标准文档流 2.浮动(float)float:left/right; 因为标准文档流会使页面的状态固定 元素会自动从左往右,从上往下的流式排列 ...
分类：
Web程序 时间：
2018-09-15 15:20:23
阅读次数：
196
1、如果对元素设置外边距，他是会跑到父元素外面去的。 所以说浮动设置了负的外边界，就能跑到父元素外面去 2、浮动元素比父元素更宽 就正常显示 3、关于文字环绕 p元素是块级元素，占满一行的，会把浮动顶下来，没有问题 如果是span呢？ span不是块级元素，而浮动元素的顶部只能是块级，所以span会 ...
分类：
Web程序 时间：
2018-09-15 13:08:31
阅读次数：
204
基础html，两个浮动元素 1、浮动元素不会超出父元素的外边界。所以说是相对于父元素浮动的。 因为浮动了，所以父元素高度坍塌！高度始终是0，所以高度不用管。但是父元素外边界还是存在的 父元素在这，没有高度，所以宽度也无法显示了 可以设置一下高度看看具体的位置 浮动已经脱离文档流，所以说父元素多高，对 ...
分类：
Web程序 时间：
2018-09-15 12:17:42
阅读次数：
360
一、层叠的问题 CSS有两个性质： 1、继承性 2、层叠性：选择器的一种选择能力，谁的权重大就选谁 层叠性又分为： 1)、选不中：走继承性 （font、color、text、） 继承性的权重是0 若有多个父级都设置了样式，走就近原则 2)、选中了 a、权重的问题，权重大，就选谁的样式 b、权重相同， ...
分类：
Web程序 时间：
2018-09-14 22:55:00
阅读次数：
164
margin的 margin：0 auto； css的两个性质 1： 继承性 2：层叠性 选择器的一种选择能力，谁的权重重大就选谁 选不中 走继承性。（font color text） 继承性的权重是0 被选中了 权重的问题，，权重大，就选谁的样式 权重相同时，谁在后面选择谁 3：标准文档流 游览器 ...
分类：
其他好文 时间：
2018-09-14 17:29:05
阅读次数：
131
清除盒子浮动的4种方式： 需要清除的例子，一个父盒子包着两个子盒子，父盒子没有制定高，那么高度由里面的子盒子决定，如果里面多个子盒子想拍成一排，就需要加上浮动，但是加上浮动之后，会脱离文档流，父盒子检测不出来里面的子盒子后，高度就会变成0，那么父盒子下面的盒子，就会自动顶上来，占据父盒子的位子。 方 ...
分类：
Web程序 时间：
2018-09-11 23:47:17
阅读次数：
237
position 定位 指将原始摆放到页面的任意位置。 继承性：no 默认值：static 没有定位，原始出现在正常的文档流中 可选值： static : 默认值，元素没有开启定位 relative : 开启元素的相对定位 absolute : 开启元素的绝对定位 fixed : 开启元素的固定定位 ...
分类：
其他好文 时间：
2018-09-08 19:59:02
阅读次数：
124
高度塌陷 在文档流中，父元素的高度默认是被子元素撑开的。 但是当为 子元素 设置 float 时，子元素会完全脱离文档流，无法再撑开父元素，导致父元素高度塌陷。。。以致于布局混乱 变成 BFC块级格式化环境 根据W3C标准，元素都有一个隐含的属性“Block Formatting Context” ...
分类：
其他好文 时间：
2018-09-08 11:44:26
阅读次数：
159
原因： 元素设置了float属性后，就会脱离文档流，当 包含框 的高度小于 浮动框 的时候，会出现高度塌陷。因此才需要清除浮动！ 表现如图：包括框container已经包不住float的图片了！ 清除浮动方法： 1：给 包含框 添加 after伪元素清除浮动。代码： 2：使用BFC， 原理：让浮动块 ...
分类：
其他好文 时间：
2018-09-05 17:52:55
阅读次数：
185
本文转自 张鑫宇（大神的很多文章都拜读过，写的很好，清晰明了，赞）的 https://www.zhangxinxu.com/wordpress/2017/08/css-percent-padding-image-layout/ 一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向 ...
分类：
Web程序 时间：
2018-09-03 15:01:13
阅读次数：
200
