CSS 清除浮动
一、为什么要清除浮动 浮动本质是用来做文字混排效果的，但是拿来做布局用，则会有很多的问题出现。 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响，为了解决这些问题，就需要在该元素中清除浮动，准确地说，并不是清除浮动，而是 清除浮动后造成的影响 。 二、清除浮动的本质 清除浮动主要为了解决父级元素因为子级浮动引起内部高度为 0 的问题。 三、清除浮动的方法 清除浮动本质叫做闭合浮动更好一些。清除浮动就是把浮动的盒子圈到里面，让父盒子闭合出口和入口不让他们出来影响其他元素。 clear 属性用于清除浮动，其基本语法格式如下： 选择器 {clear:属性值;} 属性值 描述 left 不允许左侧有浮动元素（清除左侧浮动的影响） right 不允许右侧有浮动元素（清除右侧浮动的影响） both 同时清除左右两侧浮动的影响 方法1：给父级 div 定义 height Demo： 1 <style type="text/css"> 2 .div1 { background : #000080 ; border : 1px solid red ; /* 解决代码 */ height : 200px ;} 3 .div2 { background : #800080 ; border : 1px solid red ;