CSS笔记

  • visibility:hidden;---隐藏并占位 visible--默认值,可见
    display:none;--隐藏,不占位

  • 用百分比的方式做屏幕适配
    以下代码在不同屏幕表现不一样,可能是一行显示3个div,也可能是三行,每行各显示一个div




    
    
    
    Document
    


       
box1
box2
box3
 

改用百分比方式:




    
    
    
    Document
    


       
box1
box2
box3

无论多大屏幕都是两行(box1和box2有边框,所以加起来超过50%,所以box3会另起一行)

  • margin:auto并不能使inline或inline-block居中,只对block有效
  • float会脱离文档流,后面的元素会占据它的位置,但是它不能占据前面的元素的位置

你可能感兴趣的:(CSS笔记)