在清除浮动前我们要了解两个重要的定义：浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）知道浮动和

一、浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。ps:文档流：文档流是文档中可显示对象在排列时所占用的位置 。语法float常跟属性值left、right、nonefloat:none

最近遇到一个页面布局上的问题,后来模拟了一下还原了下出现的原因。本来大概想实现的布局大概是这样的结果出现了这样的情况页面的html是这样的 <div class="block"><div><

一、float基础用法示例1、我们先建两个div盒子，设置高度、宽度和背景颜色；最开始两个盒子在网页上的位置如下： 然后我们将红色盒子浮动到右边 然后我们会发现红色盒子浮动到了右边，但是蓝色盒子就直接上移到了原先红色盒子的位置。然后我们将

浮动元素使其父元素高度塌陷我们经常会遇到一种情况，给一个元素设置浮动之后 float:leftright;，如果该元素的父元素有背景颜色，那么会发现父元素的背景颜色消失了；如果父元素有一个边框，那么浮动元素无法将边框撑开。从以上两张图中可

在最近的学习中，在GitHub上找了一些布局练习，我发现了我自己对布局超级不熟悉（很难受）。在以前的学习中，感觉使用CSS就记住各个属性的功能就OK了，但是呢？真的很打脸。不说了，太伤心了，进入正题吧！最近我使用float和margin

CSS 布局 - position 属性position 属性规定应用于元素的定位方法的类型（static、relative、fixed、absolute 或 sticky）。position 属性position 属性规定应用于元素

关于float的一些用法左悬浮: float:left; 右悬浮:float:right;float用法float的用途比较广, 这里简单的介绍下集中常有的用法:在接触到浮动前,我会去设置一些inline-block, block的