第一种方案 BFC(Block Formatting Context) 块级格式化环境/布局环境 BFC是CSS中的一个隐含属性，开启BFC该元素会变成一个独立的布局区域 元素开启BFC的特点： 1.开启BFC元素不会被浮动元素覆盖 2.开启BFC元素子元素和父元素外边距不会重叠 3.开启BFC的元 ...
分类：
其他好文 时间：
2020-02-05 13:23:36
阅读次数：
65
1、浮动定义(float设置) 浮动，顾名思义，就是使文本内容 浮 起来和 动 起来，浮指的是：脱离文档流，动指的是：向设置的方向移动。 脱离文档流将会导致文档内容高度等不会被常规计算，会造成常见的文本覆盖、高度塌陷等问题影响布局效果，例如： 2、清除浮动 常规的有以下几种： 1、设置clear:b ...
分类：
其他好文 时间：
2020-01-28 17:50:49
阅读次数：
67
题目 下水道的主干路由n个节点和$n 1$条边所组成，每条边通过它都需要一个时间$t_i$， 这种边是双向的 下水道上有一些塌陷，我们用$(l_1,r_1,l_2,r_2,c)$来描述，表示从$l_1$到$r_1$路径上的点，到$l_2$和$r_2$路径上的任意一个点所需要的时间为$c$， 注意塌陷 ...
分类：
其他好文 时间：
2020-01-28 12:35:56
阅读次数：
97
关于CSS外边距塌陷（合并）的问题主要资料来源：https://developer.mozilla.org... 定义 块的顶部外边距和底部外边距有时被组合（折叠）为单个边框，其大小是组合到其中的最大外边距，这种行为称为外边距塌陷（合并） 发生外边距塌陷的三种情况 相邻的兄弟姐妹元素 <style> ...
分类：
Web程序 时间：
2020-01-18 21:35:10
阅读次数：
145
3.1.1 在两个盒子嵌套时，内部的盒子设置的margin-top会加到外部的盒子上，导致内部盒子的margin-top设置失败，解决方法如下： 1.外部盒子设置一个边框 2.外部盒子设置一个overfow:hidden 3.使用伪元素类 <html lang="en"> <head> <meta ...
分类：
其他好文 时间：
2020-01-04 10:28:12
阅读次数：
66
盒子模型 margin 外边距 padding 内边距 盒子布局的稳定性： 优先使用width padding margin 1、上下盒子的margin塌陷 上下盒子 发生margin塌陷 margin小的盒子塌陷在大的盒子，不是简单叠加。浮动后，左右margin也不会发生塌陷，如想测试，把注释代码 ...
分类：
其他好文 时间：
2020-01-02 20:56:50
阅读次数：
83
1.1、请列举几种可以清除浮动的方法（至少两种） 浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）。 a. 添加额外标签，例如<div style="clear:both"></div> b. 使用br标签和其自身的 ...
分类：
Web程序 时间：
2019-12-30 17:21:26
阅读次数：
171
文档流指的是元素排版时，会自动从左往右，从上往下的流式排列方式。元素分为两类默认独占一行，不能与其他元素并列，可以容纳内联元素和其他块元素，可以设置高和宽，如果不设置宽，则默认设置宽度为父级的100%如：div dl dt dd h1~h6 ul li ol tr td hr p pre等 （2）行... ...
分类：
其他好文 时间：
2019-12-10 00:48:15
阅读次数：
87
CSS BUG font boost 当文本数量太多时，会出现字体变大 解决方式： 圆角过圆 移动端设置border radius: 2px;时 显示近似圆型 解决方式： margin 塌陷 垂直方向外边距重叠时，设置margin不起作用 解决方式： 触发一个盒子的bfc可以解决margin塌陷 b ...
分类：
其他好文 时间：
2019-12-07 19:19:40
阅读次数：
77
一、伪元素的应用 1. 清除浮动 父元素中有子元素，并且父元素没有设置高度，子元素在父元素中浮动，结果必然是父元素的高度为 0，这也就导致了父元素高度塌陷，我们就需要清除浮动。 给浮动元素的容器添加一个 clearfix 的 class，然后给这个 class 添加一个 :after 伪元素实现元素 ...
分类：
其他好文 时间：
2019-12-02 00:34:49
阅读次数：
92
