共有三大体系：常规流（normal flow） 浮动（float） 绝对定位（absolute position） 常规流：在没有css的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 当元素浮动后，脱离文档流。因为子级元素浮动后导致父级高度坍塌。 浮动：1.左浮动的元素向上向左排 ...
分类：
其他好文 时间：
2019-12-21 20:56:51
阅读次数：
70
常规流 又叫做文档流；在没有CSS的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 脱离文档流 又叫做浮动流；元素在进行浮动后就是脱离文档流； 注意：浮动流在进行摆放的时候要避开常规流； 常规流在进行摆放时无视浮动流； 子级元素浮动后导致父级高度坍塌； 清除浮动 书写格式：fixe ...
分类：
其他好文 时间：
2019-12-16 22:53:37
阅读次数：
249
问题描述 "LG4979" 题解 珂朵莉树+O2简直就是绝配 对于操作 ，直接 $\mathrm{assign}$ 推平就完事了。 对于操作 ，如果它左右端点有在边界上的，直接把区间 $[l,r]$撕出来判断就完了，如果不在边界上，先把单点 ${l 1,r+1}$ 撕出来判，如果符合条件，再撕 $[ ...
分类：
其他好文 时间：
2019-11-03 21:57:37
阅读次数：
65
CSS 高度坍塌和外边距溢出 高度坍塌 1. 成因 父元素 div 未设置高度 子元素全部设置浮动（ float: left | right; ），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0 ，给父元素和子 ...
分类：
Web程序 时间：
2019-08-31 19:31:43
阅读次数：
390
我们在进行页面布局的时候可以发现元素在脱离文档流后，就会出现高度塌陷问题。 一、什么是高度塌陷？ 通过下面的例子了解什么是高度塌陷。 在页面中设置一个盒子box，其中在嵌套一个子元素小盒子box1。box设置边框宽度，而高度不去设置（高度会由内容撑开） 但是当我们向盒子里面添加内容的时候<div c ...
分类：
其他好文 时间：
2019-08-18 23:59:07
阅读次数：
287
我们了解完高度坍塌问题之后，那么如何去解决高度坍塌问题呢？ 解决高度问题的方法一： 解决问题的原理：根据W3C标准，元素都有一个隐含的属性（Block Formatting Context）简称BFC,块级格式化环境，该属性可以设置打开或是关闭，当开启BFC后，元素将会具有如下特性： 1.父元素的垂 ...
分类：
其他好文 时间：
2019-08-18 23:37:01
阅读次数：
141
原题地址 退役第二天也要坚持用珂朵莉树水题。 代码实现如下： #include <bits/stdc++.h> using namespace std; #define IT set<node>::iterator #define rep(i, a, b) for (register int i = ...
分类：
其他好文 时间：
2019-08-17 20:16:41
阅读次数：
69
浮动布局和定位布局为css中布局的常用的两种布局方式，而且兼容性会比较好。随着flex的流行，以后会是主流，新的东西好用，兼容不太好。IE10以下不兼容flex布局。 float布局会脱离文档流，对页面的布局造成影响，比如造成父级的高度坍塌等问题。清除浮动后，便不会影响文档流。下面介绍一下现在清除浮 ...
分类：
Web程序 时间：
2019-03-29 19:23:28
阅读次数：
220
原文:css 浮动和清除浮动在写页面布局的过程中，浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋，在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边... ...
分类：
Web程序 时间：
2019-02-15 18:09:51
阅读次数：
195
高度坍塌情况： 当父元素没有设置高度，且子元素块都向左（右）浮动起来，那么父元素就会出现坍塌的现象。 解决办法： 在父元素包含块中加一个div： 优点：兼容性强，适合初学者。 缺点：不利于优化。 方法二：overflow＋room 优点：兼容性强。 缺点：对margin属性有影响，不能设负值，设负值 ...
分类：
Web程序 时间：
2018-09-22 15:59:59
阅读次数：
222
