html中浮动导致的遮盖和元素高度过高的自适应设定

关于浮动导致的元素遮盖问题具体情况如下：

高度超出盒子的时候具体情况如下：

解决的时候实现的代码如下 ：

	
		
		
		
	
	
		

			

			
项目案例
			

		
		

			

			

			

		
			

			
		
		
		

			

			

			

		
	

解决后的结果如下：


注意点1：高度的自适应的时候在给最大的盒子设定的时候就不需要设定高度了，不然会出错，因为它的高度是需要自适应的。
主要用到的属性是overflow：hidden；
注意点2：关于去除掉因为元素的浮动遮盖的问题的两种方案：a添加一个新的兄弟div标签之后在样式内设置clean：both；
主意他的兄弟元素要在需要进行分隔的已经浮动过的元素和未浮动的元素中间。b.给已经浮动过的元素添加一个父级盒子，之后加上border并且将border的颜色设置为white，因为页面的默认颜色为white就不会显示出来，就可以去除遮挡了。