emmm~总结下 4.应用实例 4.1BFC垂直方向边距重叠 非常重要 4.2 子元素float,也不影响父元素的高度计算 4.3 bfc不与float元素重叠 清除浮动的应用以及可以完成左右布局 4.4 父元素的高度,在父元素没有创建bfc时，是100px,创建了是120px 实际应用性不强 ...
分类：
其他好文 时间：
2020-02-10 18:19:39
阅读次数：
91
清除浮动：让浮动子元素撑开父级的高度 参考案例： 解决方式： 1. 给父元素设置高度 2. 让父元素开启BFC： 或者 3.使用br标签 4.空标签清除浮动 5.伪元素： 注：浮动盒子与定位盒子的宽高均由内容撑开 ...
分类：
其他好文 时间：
2020-02-10 09:38:32
阅读次数：
61
溢出的概念： overflow属性： visible:默认值。内容不会被裁剪，会呈现在元素框之外。 hidden：内容会被裁剪，并且其余内容是不可见的，此属性可以清除浮动、清除margin-top塌陷的功能。 scroll:内容会被裁剪，但是浏览器会显示滚动条以便查看其余的内容 auto:如果内容被 ...
分类：
其他好文 时间：
2020-02-09 12:06:09
阅读次数：
86
当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。 overflow的设置项： visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margin-t ...
分类：
Web程序 时间：
2020-02-03 09:30:27
阅读次数：
87
:empty 没有子元素（包括文本节点）的元素 :not 否定选择器 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</title> <s ...
分类：
Web程序 时间：
2020-02-02 13:36:54
阅读次数：
90
浮动元素会影响后边的元素，但不会影响前边的元素 清除浮动： 方法一：在浮动元素后面添加一个空元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ ...
分类：
其他好文 时间：
2020-01-31 19:01:46
阅读次数：
99
1、浮动定义(float设置) 浮动，顾名思义，就是使文本内容 浮 起来和 动 起来，浮指的是：脱离文档流，动指的是：向设置的方向移动。 脱离文档流将会导致文档内容高度等不会被常规计算，会造成常见的文本覆盖、高度塌陷等问题影响布局效果，例如： 2、清除浮动 常规的有以下几种： 1、设置clear:b ...
分类：
其他好文 时间：
2020-01-28 17:50:49
阅读次数：
67
做一个ul li 列表类似这样的平时经常会用到 要是用浮动做还是比较简单的直接左右浮动，清除浮动就可以搞定了，因为最近用display:inline-block用的比较顺手，所以就尝试一下。通过text-align:left，text-align:right，可以控制元素靠左还是靠右，这种方法只能做 ...
分类：
其他好文 时间：
2020-01-19 22:13:25
阅读次数：
90
浮动：让多个块元素可以在一行显示 让多个div放一行 问题：浮动是脱标的，因此会影响别的盒子 ,不在保留原来位置。 清除浮动的本质： 解决父级元素内高为0的问题（子级浮动后），让父级占位子。 相对于定位，在应用的时候，子绝父相，父级元素保留位置，故虽同脱标但无上述问题 清除浮动的方法： 1. 额外标 ...
分类：
其他好文 时间：
2020-01-17 10:06:23
阅读次数：
70
刚学习前端，然后一直很迷惑为什么要清除浮动，然后百度了一下因为使用浮动，如果父级没有高度定义，那么就会导致父级高度崩塌。然后我还是很迷，那就定义高度不就好了。然后我就发现实际运用中，如果你做的一个内容，是需要随着你填写的东西，来扩充的，这个时候就需要了（正常情况下，不使用浮动的话，高度是会自适应的， ...
分类：
Web程序 时间：
2020-01-10 11:03:59
阅读次数：
96
