首页 | IT新闻 | 硬件 | 操作系统 | 开发 | 网络编程 | 数据库 | 热门框架 | 网络安全 | 组网 | 建站指南 | 网页制作 | 特效 | 实用技巧 | 服务器 | 办公 | QQ | 探索 | 社区
|
DIV+CSS布局实例:各种2栏3栏布局实例(附下载)
Two Column FlexibleBrowsers:
 ’  ’  ’  ’  (5+) Description: Probably the easiest page to make. Contains two layout divs, the main content div is just floated to the left. Very simple!
Actions: View | Image Preview | Download [ 5k] [ZIP] Two Column Flexible With HeaderBrowsers:
’ ’ ’ ’ (5+) Description: Basically the same template as above but with the addition of a header div for page title, your logo or banners etc. Again very simple to set up.
Actions: View | Image Preview | Download [ 3k] [ZIP] Two Column, Left Column StaticBrowsers:
’ ’ ’ ’ (5+) Description: Two columns, the left column is absolutely positioned on the left and is a fixed width. The right content column is sized and positioned by using margins and will resize with the browser window.
Actions: View | Image Preview | Download [ 6k] [ZIP] Two Column, Left Column Static, with Header BarBrowsers:
’ ’ ’ ’ (5+) Description: This is the same template as above but with the addition of a simple header bar which can be used for links, search box etc..
Actions: View | Image Preview | Download [ 6k] [ZIP] Two Column Fixed Width with Header & FooterBrowsers:
’ ’ ’ ’ (5+) Description: A fixed width centered page with a header, footer, left navigation column and right content column. One of my favourites.
Actions: View | Image Preview | Download [ 6k] [ZIP] Three Column, Left & Right Columns StaticBrowsers:
’ ’ ’ ’ (5+) Description: This is much the same as ’Two Col Left Col Static’ but now with the addition of a right hand column which is absolutely positioned.
Actions: View | Image Preview | Download [ 6k] [ZIP] Three Column ’Pixel-Perfect’Browsers:
’ ’ ’ ’ (6) Description: Sometimes this is called the "Holy Grail". It’s a three column template which fits together "pixel perfect".
Actions: View | Image Preview | Download [ 6k] [ZIP] Three Column ’Pixel-Perfect’ with HeaderBrowsers:
’ ’ ’ ’ (6) Description: The same as the "Holy Grail" above but with a header div. Also expands to fit the whole screen.
Actions: View | Image Preview | Download [ 3k] [ZIP] Three Column Pixel-Perfect with Header & FooterBrowsers:
’ ’ ’ ’ (5+) Description: My most complete template. It has three columns, a header and footer and will resize with the browser window.
Actions: View | Image Preview | Download [ 6k] [ZIP] 相关链接
频道热门
热门新闻
|
精粹集锦
特别推荐
频道精选
|
