css1--关于float的div撑不起父div的问题

阅读更多

    div的float让div脱离了文档流，这就造成了一个问题，float的div的高度，宽度不能撑起父div，这个问题的解决办法：

第一：设置父div的属性：overflow:hidden;zoom:1;

#parent{border:1px solid red;overflow:hidden;zoom:1;}
#children,#div3{float:right;border:1px solid blue;} 

第二：父元素也是设置浮动效果

#parent{border:1px solid red;float:left;}
#children,#div3{float:right;border:1px solid blue;} 

第三：在添加一个子元素，并设置clear样式：

two
one

 

使用第一种方法的实例

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>










      

        
匹配情况
        

             巡维中心:
             
	             深圳
	             龙华
	             深圳
	             龙华
	             深圳
	             龙华
             
             切换按钮
        
        

              

			  

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

			  
56565
 
        
      

• float的div撑起父div的实例.rar (687 Bytes)
• 下载次数: 0

• div.rar (888 Bytes)
• 下载次数: 1