自己遗漏的知识点

行内元素、块元素、行内块元素

行内元素不可设置宽高
块元素可设置宽高并且独占一行
行内块元素可设置宽高
\color{red}{若布局中既用到了块行素又用到了行内元素且需要它们在同一行需要将两者均设为行内块元素}

锚点




    
    锚点
    


    
模块1
模块2
模块3
模块4
跳往模块1 跳往模块2 跳往模块3 跳往模块4

清除浮动

清除浮动方法1



    
    
    
    清除浮动方法1
    


    
  • 内容1
  • 内容2
  • 内容3
  • 内容4

我是在ul下面的内容

清除浮动方法2




    
    
    
    清除浮动方法2
    


    
  • 内容1
  • 内容2
  • 内容3
  • 内容4

我是在ul下面的内容

清除浮动方法3



    
    
    
    清除浮动方法3
    


    
  • 内容1
  • 内容2
  • 内容3
  • 内容4

我是在ul下面的内容

清除浮动方法总结

1.第二个因为有浮动浮起来的标签添加clear:both
2.因为子元素导致父元素没有高度在父标签上添加overflow:hidden
3.定义一个通用class每次给没有被浮动后没有撑起来的父级添加class名,例如:给以上例子的ul添加cf的class

.cf:after,.cf:before{
    content:'';
    display:table;
}
.cf:after{
    clear:both;
}
.cf{
    zoom:1;
}

左边固定右边自适应

方法1



    
    
    
    左边固定右边自适应1
    


    

左边固定 右边固定 内容自适应




    
    圣杯布局
    
    
mid
left



    
    双飞翼布局
    


    

header

center

leftText

rightText

indexof用法

-1为不存在

你可能感兴趣的:(自己遗漏的知识点)