四、产品列表及相关信息块
从直观上看,这是一个三列的布局:
但实际上Adobe只把这部分内容分成了两个大的块,<div id="contentBody">和<div id="contentPocket">
解析如下:
然后再用"columns-2-AB-A"和"columns-2-AB-B"这样的共用样式,分别切分出左右布局的结构,最后使用<br class="clear-both"/> 清除浮动,代码非常简洁。
HTML片段:
五、底部版权区
相比较上边的内容,这里的结构比较简单
整体分成了上下两个块,上部的是站内的链接区域,下部的就是版权信息了
内部代码仍然采用了从右向左的写法。
HTML片段:
保留:: http://www.qqread.com/web-special/n401971.html相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
相关专题
- Wlan组网----家庭专题 (4235篇文章)
- 土豆网前端概况 (28次浏览)
- 二三十年代的珍贵钱币 (23次浏览)
- 披着web2.0外衣的logo们 (20次浏览)
- Discuz!转换系列教程 (16次浏览)
- Discuz!安装系列教程 (15次浏览)
- 关于导航的探讨 (13次浏览)
- sopooo Flash网站设计欣赏 (13次浏览)
- GOOGLE官方对网站设计方案的一些建议 (12次浏览)
- 提升网站可用性的3个忠告 (12次浏览)
- 再谈文字溢出问题 (12次浏览)







