Float float 属性的原本作用是： float 父元素高度塌陷实现文字环绕效果 float 固定一列宽的自适应布局 float 多列布局` float 固定一列宽的自适应布局 float 多列布局 clear 元素盒子的边不能和 浮动元素相邻 clear 属性只对块级元素生效 等伪元素默认是 ...
分类：
其他好文 时间：
2019-01-20 00:11:45
阅读次数：
227
一、高度塌陷 （一）在文档流中，一个块级元素如果没有设置height，其height是由子元素撑开的；也就是子元素多高，父元素就多高； 但是为子元素设置浮动后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷； 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移 ...
分类：
其他好文 时间：
2019-01-19 11:14:11
阅读次数：
156
当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。我们称为这种技巧叫“奇淫技巧”。记住这种现象，在布局 ...
分类：
其他好文 时间：
2018-12-22 11:54:36
阅读次数：
167
一、浮动 1、三个属性：left、right、none. 2、特点：容易造成父项塌陷，故在父项需要清除浮动 3、父项塌陷现象 4、父项塌陷解决方案（建议使用）:清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t ...
分类：
Web程序 时间：
2018-12-17 16:59:26
阅读次数：
302
知识点预习1.列表2.选择器3.CSS的文本样式属性4.元素溢出5.盒子模型6.margin负值技巧7.垂直外边距合并8.margin-top塌陷问题01-列表无序列表ul>liunorderlist清除列表前面的标识list-sytle:none;列表默认有外边框和内边距02-CSS选择器02/*1.ID选择器id是唯一的;配合js来操作*/#three{color:blue;}/*2.s
分类：
编程语言 时间：
2018-12-05 18:32:09
阅读次数：
233
本人在做前端开发相关工作时，遇到过也解决过很多技术性问题。今天起，就从PC端页面开发开始，理一理新手们可能会遇到的那些坑。 本文非教学文章，仅供有前端开发基础的同学同僚们一起讨论与总结，本人将从零开始持续更新，欢迎大家的批评指正。 高度塌陷问题: 父元素的高度会被子元素撑开，当子元素都设置了浮动时， ...
分类：
其他好文 时间：
2018-12-02 18:31:58
阅读次数：
150
解析：position属性值为absolute、relative或fixed，z-index才有效 解析：在HTML中，控制一个标签背景图像的CSS属性是background-image 解析：abc均可以解决父级元素塌陷的问题，d选项无法解决 解析：此题目考查的是HTML中<form>标签的属性。 ...
分类：
其他好文 时间：
2018-11-22 12:29:39
阅读次数：
184
position属性值为absolute、relative或fixed，z-index才有效 left在CSS表示左 abc均可以解决父级元素塌陷的问题，d选项无法解决 本题考察css清除浮动塌陷，after伪类的作用是在元素之后插入内容 content-box：默认值，盒子的宽度或高度 = bor ...
分类：
Web程序 时间：
2018-11-22 11:44:47
阅读次数：
256
天猫商品墙 网格状布局： 1. ul li 布局 2. float: left; 使得元素在一行。注意： 父元素解决高度塌陷 3. ul 设置固定宽，使得元素挤下去 4. 给父元素加一个 padding-left 和 padding-top 使得 背景色缝隙 充当 网格最左边的边线 5. 给 li ...
分类：
Web程序 时间：
2018-11-14 14:22:51
阅读次数：
211
介绍一些最近整理的优化细节。图片压缩什么的就不说了，这是优化必须做的。今天就说一下大家写代码时可以培养的优化的细节点。 不滥用float。不滥用web字体。 Float在渲染时计算量比较大，并且会脱标、塌陷。我们可以用flex布局来代替。web字体引入需要不小的消耗，最好跟设计提一下不要太多。 cs ...
分类：
其他好文 时间：
2018-11-11 23:39:19
阅读次数：
223
