前端之旅:维基大学的Challenge 3-4

Challenge 3

23号做维基Challenge 3的时候看了推荐的一篇两列布局教程,它使用了一种很新颖的方式实现了两列布局,它的新颖之处就在于,虽然仍然使用浮动,但它使用背景图像来造成视觉上的分栏,而不是给各列设置背景颜色或图像,这样做保证了两列在视觉上的等高,这样不管是哪一列增高了,随着列的增高导致整个布局增高,而背景在Y轴平铺之后,另一列在视觉上也增高了

自己仿造教程做了Challenge 3(因为这个需要专门制作背景图像,所以我使用了现成的图像)

然后按照自己理解用另一种方式实现了同样效果

Challenge 4

25号做了Challenge 4,Demo如下,css中也注释了不同的实现方式:

avatar

神无

舍悟离迷,六尘不改。