入门任务11（主线任务）：CSS布局

课程任务

1 实现 图中144 第一列第5个布局，回复预览链接

方法1，用inline-block,父级font-size为零和text-align居中 http://js.jirengu.com/sinufexaso/18/edit?html,css,output
方法2，用flex布局实现 http://js.jirengu.com/surohotope/3/edit?html,css,output

2 实现 图中144 第2列第1个布局，回复预览链接

方法1，用float实现，结尾清除浮动 http://js.jirengu.com/gapuxiwazu/3/edit?html,css,output
方法2，用flex实现 http://js.jirengu.com/nudodubili/3/edit?html,css,output

3 实现 图中144 第3列第1个布局，回复预览链接

方法1，用float实现，结尾清除浮动 http://js.jirengu.com/fekolaxoge/2/edit?html,css,output
方法2，用flex实现 http://js.jirengu.com/hawijutejo/4/edit?html,css,output

4 实现如下页面 页面范例387

方法1，用position: relative实现 http://js.jirengu.com/wakefazide/21/edit?html,css,output
方法2，用flex实现 http://js.jirengu.com/wakefazide/14/edit?html,css,output

5 实现图中91效果

答案：http://js.jirengu.com/gijevikaya/32/edit?html,css,output

你在学习中遇到什么问题？

主要问题是很多学过的东西不熟练，记忆的不是很明确，也经常搞混。使用时有时会遇到问题，也不知道原因。或者使用时模棱两可，需要在网上查资料才能继续往前做。