一、高度塌陷 （一）在文档流中，一个块级元素如果没有设置height，其height是由子元素撑开的；也就是子元素多高，父元素就多高； 但是为子元素设置浮动后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷； 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移 ...
分类：
其他好文 时间：
2019-01-19 11:14:11
阅读次数：
156
block元素和inline元素在文档流中的排列方式: block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独占一行，多个 ...
分类：
Web程序 时间：
2019-01-14 14:54:14
阅读次数：
180
目录 margin负值(一)之对自身的影响 margin负值(二)之对文档流的影响 BFC ...
分类：
Web程序 时间：
2019-01-08 00:20:02
阅读次数：
189
0. 什么时候该用什么布局 <!-- 定位布局: 以下两种布局不易解决的问题, 盒子需要脱离文档流处理 --> <!-- 浮动布局: 一般有block特性的盒子,水平排列显示 --> <!-- 盒模型布局: 在父级水平居中显示, 在其他布局基础上微调 --> <!-- 流式布局思想 --> 一.拼接 ...
分类：
编程语言 时间：
2019-01-01 23:54:36
阅读次数：
231
CSS position 属性通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。position 属性值的含义：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative元素框 ...
分类：
其他好文 时间：
2018-12-28 13:31:01
阅读次数：
183
css高级选择器与盒模型脱离文档流 ,其中就是产生了BFC1.组合选择器 - 群组选择器 /* 每个选择器位可以位三种基础选择器的任意一个, 用逗号隔开, 控制多个 */ div, #div, .div {color: red} - 后代(子代)选择器 .sup .sub { 后代,sup一定是su ...
分类：
编程语言 时间：
2018-12-24 21:33:12
阅读次数：
196
1.文档流文档流，是指盒子按照HTML标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，每个盒子都占据自己的位置。2.关于定位我们可以使用css的position属性来设置元素的定位类型，设置如下：（1）relative生成相对定位元素，元素所占据的文档流的位置保留，元素本身相对自身原位置进行偏移。.box01{background-color:
分类：
Web程序 时间：
2018-12-22 14:55:53
阅读次数：
541
网页元素定位涉及到两个css属性：position和z-index属性。 position属性 position的属性值如下： position的属性值说明如下： static：没有定位，网页元素以标准文档流方式显示。 relative：设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位 ...
分类：
Web程序 时间：
2018-12-21 22:59:22
阅读次数：
367
实现一侧定宽，一侧自适应的布局的方法a 、b a、利用左侧元素浮动，或者绝对定位的方式使其脱离常规文档流 1、方法一：利用float和margin来实现 css <style> .father{border:1px solid #444;overflow:hidden;} .father img{w ...
分类：
Web程序 时间：
2018-12-19 13:15:02
阅读次数：
216
双飞翼布局，是一种页面布局的形象的表达，他像鸟一样拥有两个翅膀一个身体。具体表现形式为 两边顶宽，中间自适应宽度的三栏布局，中间栏要放在HTML文档流的最前，优先渲染。 ...
分类：
其他好文 时间：
2018-12-18 13:57:33
阅读次数：
142
