1. 为什么要清除浮动 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的标准流盒子。 ? 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响 2 .清除浮动本质 ?清除浮动的本质是清除浮动元素造成的影响? 如果父盒子本身有 ...
分类：
其他好文 时间：
2020-09-18 01:34:30
阅读次数：
27
可能在初学前端的同学，会有以下疑惑: (没错,那同学就是我) 1、为什么在浮动元素的父元素上添加overflow:hidden，能处理高度塌陷？ 2、遇到外边距合并，为什么要在父元素上添加overflow:hidden能解决？ 首先来了解下 什么是BFC吧！ 1、按我的理解，BFC是一个大的隔离独立 ...
分类：
其他好文 时间：
2020-08-26 19:00:24
阅读次数：
63
在前端开发过程中，非IE浏览器下，当容器的高度自动，并且容器内容中有浮动元素（float为left或right），此时如果容器的高度不能自适应内容的高度，从而使得内容溢出破坏整体布局，这种现象叫做浮动溢出，为了方式这个现象的发生，就需要对CSS样式进行处理，而这个过程就叫做CSS清除浮动。现在常用的 ...
分类：
Web程序 时间：
2020-08-20 19:24:01
阅读次数：
134
为了约束浮动元素位置,我们页面布局一般采用的策略是: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则。 ...
分类：
Web程序 时间：
2020-08-02 19:57:49
阅读次数：
120
一、什么是三栏布局 三栏布局即左右元素固定宽度，中间元素自适应。代表布局有圣杯布局和双飞翼布局，当然还有其他方式可以实现，下面是详细介绍。 二、实现方式 1.自身浮动 元素顺序：中间盒子必须放在最后，左右元素任意排列 原理：左边元素左浮动 右边元素右浮动 缺点：当浏览器宽度不足以容纳三个元素时，中间 ...
分类：
其他好文 时间：
2020-07-06 00:48:17
阅读次数：
75
1. 浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响？ 特征 任何定义为float的元素都会自动被设置为一个块状元素显示，相当于被定义display：block；声明。这样就可以为浮动元素定义width和height属性，即使是内联显示元素也可以。 当我们没有指定浮动元素宽 ...
分类：
其他好文 时间：
2020-07-05 21:38:26
阅读次数：
72
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制，移动到其父元素中指定位置的过程。 语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,即使行内元 素浮动后也可以设置宽高.(类似不代表是,浮动后的盒 ...
分类：
其他好文 时间：
2020-07-05 20:55:51
阅读次数：
105
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制，移动到其父元素中指定位置的过程。 语法: float . left . right . none(默认) 注意： 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,如果没有设置宽高,它的宽等同于内容的宽高.即使行内元素 ...
分类：
Web程序 时间：
2020-07-02 21:35:35
阅读次数：
76
布局(layout),指各个元素在网页里如何摆放以形成最终的页面,默认布局是从左到右、从上到下。改变元素的默认布局方式有很多种，浮动(float)就是其中一种。 1. 浮动(float) 浮动类似于word里面文字围绕图片的效果，可设置为向左(left)或向右(right)浮动。 // 元素默认没有 ...
分类：
Web程序 时间：
2020-06-29 21:27:04
阅读次数：
85
浮动的作用 包围文本 横向排列（因为行块盒会空白折叠） 浮动的特点 修改float属性 left 左浮动 上左 right 右浮动 上右 默认为none 1.一个元素浮动以后，必定是块盒。 2.浮动元素的包含块，为父元素的内容盒。 盒子尺寸 1.宽度为auto时，适应内容宽度。常规流时，撑满内容盒。 ...
分类：
Web程序 时间：
2020-06-29 13:49:07
阅读次数：
53
