目录： 1. CSS浮动属性float详解 2. CSS常见页面布局 3. CSS浮动清除和清除浮动的几种方法 4. 高度塌陷的产生条件和解决方法 ## CSS浮动属性float详解 *首先，我们需要了解什么是浮动？浮动是指(浮动的特点)：- 将元素排除在普通流之外，即元素将脱离标准文档流。- 元素 ...
分类：
Web程序 时间：
2020-03-01 17:10:05
阅读次数：
87
清除浮动 清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0 塌陷的问题。 清除浮动的方法 在CSS中，clear属性用于清除浮动，其基本语法格式如下： 额外标签法 通过在浮动元素末尾添加一个空的标签（块级元素）例如 父级添加overflow属性方法 可以给父级添加： overflow为 hi ...
分类：
Web程序 时间：
2020-02-29 00:28:39
阅读次数：
102
先来一个常见的bug:代码：效果：描述：当我们给一个元素设置float浮动之后，其后面的元素不再按照正常的排列方式跟随在这个元素后面，而是会被float元素压在下面，并且float元素不再作为撑开父元素的子元素。那么为什么会出现这样的问题呢？可显而知是浮动元素带来的影响，那么浮动元素布局的时候为什么会出现这样的影响呢？接下来我们来探究一下浮动元素的问题一.float的本质首先我们来探究一下floa
分类：
其他好文 时间：
2020-02-24 22:25:27
阅读次数：
97
1、在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）。 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这 ...
分类：
Web程序 时间：
2020-02-23 20:39:12
阅读次数：
88
第一篇博客，请大家多多指教！ 今天我浅谈对网页编写css中清除浮动几种方法，众所周知在网页编写中，在遇到内容左右布局时，我们必须要使用浮动才能使元素左右排列，而这时 当我们需在下面的网页中继续布局时，浮动就会给下面的元素带来影响，就需要使用清除浮动了。 清除浮动作为每一个Web前端必须掌握的技能，在 ...
分类：
Web程序 时间：
2020-02-23 14:47:23
阅读次数：
72
人生苦短，要学就只学有用的 【前端教学 CSS 1】 CSS核心 浮动float 1. 浮动(float) 目标 记忆 能够说出 CSS 的布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 1. ...
分类：
Web程序 时间：
2020-02-22 11:54:10
阅读次数：
106
1.字体与颜色
2.背景shuxing
3.文本属性
4.边框属性
5.鼠标光标属性
6.列表样式
4.定位属性
8.内外边距
3.浮动和清除浮动
10.滚动条
11.显示和隐藏 ...
分类：
其他好文 时间：
2020-02-20 23:44:17
阅读次数：
78
一、浮动 float: left right 左右浮动 ①.使用float的标签 脱离当前的文档流 （好像张了小翅膀一样 飞起来） div 不设置高度 默认里面内容的高度就是这个div的高度 ②.清除浮动 clear: left right both(同时清除左右浮动) 1、告诉无辜div，给浮动那 ...
分类：
其他好文 时间：
2020-02-20 13:09:31
阅读次数：
54
清除浮动方式之伪元素清除法： <style type="text/css"> .top_bar{ height: 200px; border:1px solid red; } .child1{ width:200px; height:200px; background-color: green; f ...
分类：
移动开发 时间：
2020-02-20 09:52:22
阅读次数：
83
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block level box参与， 它规定了内部的Block level Box如何布局，并且与这个区域外部毫不相干。 BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且 ...
分类：
其他好文 时间：
2020-02-17 15:53:37
阅读次数：
71
