清除浮动的本质：标准流会撑开盒子，若浮动了，浮动元素不占有位置，父亲没有高度，底下盒子会跑上来。要做的就是闭合浮动。 方法 1.额外标签法 加空标签<div> <div style="clear: both;"></div> 2.父级添加overflow属性 overflow：hidden 3.使用 ...
分类：
Web程序 时间：
2019-12-09 19:45:39
阅读次数：
97
设置一个网页首先我们要知道他的布局，一个网页就是一个大的div，分为很多小的部分，所有的元素如果不设置浮动的话他是垂直的，如果加上浮动（float）呈水平，如果设置浮动的话我们还要写一个元素清除浮动clear：both，如果不设置的话，会与下面的内容进行重叠！浮动可以在html中设置，但是不建议，建 ...
分类：
其他好文 时间：
2019-12-09 01:13:24
阅读次数：
70
.clearfix:after{ content:"";/ 设置内容为空 / height:0;/ 高度为0 / line height:0;/ 行高为0 / display:block;/ 将文本转为块级元素 / visibility:hidden;/ 将元素隐藏 / clear:both;/ 清 ...
分类：
其他好文 时间：
2019-12-08 17:15:47
阅读次数：
87
伪类after等常用来清除浮动、增加附加内容，利用伪类常会减少div容器的使用，使得我们的页面内容结构清晰。 本文将会简介伪类的常见用法，并以jquery为例详述如何动态更改伪类内容（content）及伪类样式。 一、常见用法 1.1 清除浮动 <div class="my-container"> ...
分类：
其他好文 时间：
2019-12-03 23:06:03
阅读次数：
127
一、伪元素的应用 1. 清除浮动 父元素中有子元素，并且父元素没有设置高度，子元素在父元素中浮动，结果必然是父元素的高度为 0，这也就导致了父元素高度塌陷，我们就需要清除浮动。 给浮动元素的容器添加一个 clearfix 的 class，然后给这个 class 添加一个 :after 伪元素实现元素 ...
分类：
其他好文 时间：
2019-12-02 00:34:49
阅读次数：
92
/* 清除浮动塌陷问题 */.clearfix:after { clear: both;} .clearfix:after,.clearfix:before { content: " "; display: table;} /* 清除浮动塌陷问题 */ .clearfix:after { clear ...
分类：
Web程序 时间：
2019-12-01 18:44:26
阅读次数：
116
摘自：https://blog.csdn.net/weixin_41041379/article/details/81871980 一、浮动概念 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存 ...
分类：
其他好文 时间：
2019-11-30 21:34:08
阅读次数：
117
.clearFix:after { content: ''; display: block; clear: both; } .clearFix { zoom: 1; } ...
分类：
其他好文 时间：
2019-11-30 17:44:10
阅读次数：
78
1、等高布局 等高布局在这里我介绍了三种不同的方法（以三栏为例） 第一种： 步骤： 三栏就写3个容器，这几个容器分别是爷爷，爸爸，儿子 三个容器都写宽度是100%； 给爸爸写相对定位，让爸爸向左侧移动30%，露出爷爷的30% 给儿子写相对定位，让儿子向左侧移动40%，露出爸爸的40% 给儿子里面写三 ...
分类：
其他好文 时间：
2019-11-28 16:25:24
阅读次数：
85
HTML 定义和用法 必须是 HTML 文档的第一行，位于 `` 标签之前。 不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 常用的DOCTYPE声明 HTML 5 HTML 4.01 Strict 该 DTD 包含所有 HTML 元素和属性，但不包括 ...
分类：
其他好文 时间：
2019-11-23 09:56:46
阅读次数：
90
