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

  • A+
所属分类:html教程
摘要

div+css经典三行两列布局

写在前面

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

[HTML/CSS]说说position

代码

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

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

结果

总结

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

除非注明,否则均为@蒲公英网原创文章,转载必须以链接形式标明本文链接

本文链接:https://www.aipgy.com/325265.html

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: