当前位置:Gxlcms > html代码 > div+css经典三行两列布局_html/css_WEB-ITnose

div+css经典三行两列布局_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:55人阅读

写在前面

在面试的时候遇到这样一个笔试题,使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章:

[HTML/CSS]说说position

代码

闲来无事,就自己动手实现了一下,代码如下:

 1  2  3  4  5      6     首页 7     51 52 53     
54 57
58 59
60
61 62 63
64 65

结果

总结

考察的知识点就是css中的postion,在笔试的时候,不是非得动笔写出来才行,列出要点,也一样。

人气教程排行