z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2019-08-31 19:39:04
阅读次数：
56
CSS 高度坍塌和外边距溢出 高度坍塌 1. 成因 父元素 div 未设置高度 子元素全部设置浮动（ float: left | right; ），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0 ，给父元素和子 ...
分类：
Web程序 时间：
2019-08-31 19:31:43
阅读次数：
390
CSS： 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法？ 1.给父元素添加声明 overflow：hidden ； (触发一个BFC) 缺点：隐藏那个内容之外的元素。 2.在浮动元素下方添加空div ，并添加声明 div { claer：both ; height : 0 ;overflow ...
分类：
其他好文 时间：
2019-08-30 22:26:30
阅读次数：
83
一、浮动定位实现的效果 二、使用float实现浮动定位 三、使用clear属性清除浮动定位 四、浮动定位的应用（布局） 一、浮动定位实现的效果 （一）、块元素（div）在文档流中默认垂直排列，如果希望块元素在页面中水平排列，可以使块元素脱离文档流（使用float使元素浮动） 元素浮动脱离文档流之后， ...
分类：
Web程序 时间：
2019-08-20 20:36:27
阅读次数：
137
Float 浮动 于此相关 会形成BFC的情况 浮动元素，float 除 none以外的值 绝对定位元素，position为absolute/fixed。 display为以下其中之一的值inline-blocks，table，table-cell，table-caption。 overflow除了 ...
分类：
Web程序 时间：
2019-08-18 20:00:56
阅读次数：
123
浮动和定位 浮动 什么是浮动？ ? 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。它可以让任何盒子可以在一行排列，用浮动来布局。 ? 在css中，通过float属性来定义浮动，其基本语法格式如下： | 属性值 | 描述 | | | | | left | 元 ...
分类：
其他好文 时间：
2019-08-17 16:21:40
阅读次数：
232
1.css中用clear:both，指该元素左右不会出现浮动元素 2.浮动元素后添加块级元素，对该块级元素设clear：both 3.用伪元素:after，在父元素最后添加一个不显示的块级元素 4.用overflow，属性值除visible以外都可以 详细链接：https://blog.csdn.n ...
分类：
其他好文 时间：
2019-08-07 19:10:25
阅读次数：
81
什么时候用浮动——块级元素一行显示就使用浮动 浮动的特点——让元素脱标不占位置 什么时候清除浮动——父元素没有设置高度；父元素中所有的子元素都设置浮动 清除浮动的方法(掌握)： 1.额外标签清除浮动 步骤:（1）在浮动元素后直接添加一个空div标签；（2）选中该div标签设置属性clear: bot ...
分类：
Web程序 时间：
2019-07-19 12:09:40
阅读次数：
191
<!-- 文档流1，跨级元素独占一行，几个块级元素就独占几行。2，行内元素会从左向右排满，折行继续排版。3，绝对定位(absolute) 固定定位(fixed) 会脱离文档流，不占位，前后元素会忽略它们。 根据指定位置进行排版，且任何元素进行以上两种定位都会变成块级元素，可以设置宽高。4，浮动元素， ...
分类：
其他好文 时间：
2019-07-07 22:49:59
阅读次数：
263
什么是BFC： 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域 创建BFC的方式： 图：创建BUF的方式 BFC的作用： ①. BFC 元素和 BFC 元素不会叠加在一 ...
分类：
其他好文 时间：
2019-07-06 19:06:59
阅读次数：
120
