首页 > CSS中关于清除浮动的问题

CSS中关于清除浮动的问题

1.采用:after的方法清除浮动

优点：避免在html里插入多余的标签

详情：http://www.positioniseverything.net/easyclearing.html

整理成一个通用的.clearfix

.clearfix:after { 

 content: ".";

 display: block;

 height: 0;

 clear: both;

 visibility: hidden;

}
 
 
content:'.'的作用是在清除元素的内容后边添加一个“点”，当然添加其他也可以，只是"点"简单。
 
display:block之所以设成block，是为了后面clear:both的操作，只有块级元素对clear:both;有效。
 
height:0;visibility:hidden;把:after插入的内容高度设成0,可见度设成隐藏。
 
再修复浏览器兼容的bug
 
 
.clearfix{ display:inline-block;}

/* Hides from IE-mac */

.clearfix {  display: block; }

/* End hide from IE-mac */
 
 
参考：http://www.cssforest.org/blog/index.php?id=77


 

转载于:https://www.cnblogs.com/guopei/archive/2011/04/20/2022603.html
                    

                

            

            

                

                    
更多相关：

                    
    
                        
  • 
                    
    
                        
    oc 协议 回调 静态成员_OC底层原理探究：Category、关联对象和block本质
    
                    
    
                    
    
                        
    
                            
    1.分类Category的使用// 给MJPerson类添加分类
@interface MJPerson : NSObject
- (void)run; 
@end@implementation MJPerson
- (void)abc{}
- (void)run{NSLog(@"MJPerson - run");}
+ (void)...
                            
    
                        
    
                    
    
				
  • 
                    
    
                        
    CUDA中grid、block、thread、warp与SM、SP的关系
    
                    
    
                    
    
                        
    
                            
    首先概括一下这几个概念。其中SM（Streaming Multiprocessor）和SP（streaming Processor）是硬件层次的，其中一个SM可以包含多个SP。thread是一个线程，多个thread组成一个线程块block，多个block又组成一个线程网格grid。 
现在就说一下一个kenerl函数是怎么执行的。一...
                            
    
                        
    
                    
    
				
  • 
                    
    
                        
    C 变量的作用域
    
                    
    
                    
    
                        
    
                            
    下面的程序输出什么？思考一下 
#include // Driver Code
int main()
{{int x = 10, y = 20;{// The outer block contains// declaration of x and// y, so following statement// is va...
                            
    
                        
    
                    
    
				
  • 
                    
    
                        
    利用blktrace分析磁盘I/O
    
                    
    
                    
    
                        
    
                            
    原文：https://blog.csdn.net/ygtlovezf/article/details/80528300 
blktrace对于分析block I/O是个非常好的工具，本篇文章记录了如何使用blktrace。 
blktrace原理 
blktrace是对通用块层（block layer）的I/O跟踪机制，它能抓取详细的...
                            
    
                        
    
                    
    
				
    •                     

                

            

        


        
    

    







  

    

      ©2024 11GX.COM