怎么实现的啊?

来源:7-4 高度自适应的九宫格效果

healhaha

2015-04-28 00:22

九宫格这个没怎么理解。。。

写回答 关注

2回答

  • 猪脚啦
    2016-03-18 19:54:05

    主要是after和before没有理解吧,你可以大致理解为有三层div

    最外面就是list一层,中间是list:before一层,最里面当然就是after的了

    最外面一层负责隔离,加上relative,把各个层给分割开来,因为我们知道absolute没把他们分开是会重叠在一起的,而且不加上relative会使得相对目前的窗口,那么你就只能看到一个大格子了

    中间那层就是老师讲的那样

    最里面的就是用来摆弄里面的文字,因为这里的布局在html都不怎么重要,所以选择了after和before的方法

  • 老猿
    2016-03-08 15:11:27

    自适应的拉伸额

CSS深入理解之absolute

理解CSSposition:absolute声明,掌握position:absolute高级应用

51957 学习 · 254 问题

查看课程

相似问题