css3技术

DIVCSS布局实例:各种2栏3栏布局实例(附下载)_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-25 16:06 我要评论( )

DIVCSS布局实例:各种2栏3栏布局实例(附下载),学习DIVCSS布局实例:各种2栏3栏布局实例(附下载),DIVCSS布局实例:各种2栏3栏布局实例(附下载),查看DIVCSS

Two Column Flexible

Browsers:

Mozilla Icon

'

Firebird Icon

'

Netscape Icon

'

Opera Icon

'

IE6 Icon

(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 Header

Browsers:

Mozilla Icon

'

Firebird Icon

'

Netscape Icon

'

Opera Icon

'

IE6 Icon

(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 Static

Browsers:

Mozilla Icon

'

Firebird Icon

'

Netscape Icon

'

Opera Icon

'

IE6 Icon

(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 Bar

Browsers:

Mozilla Icon

'

Firebird Icon

'

Netscape Icon

'

Opera Icon

'

IE6 Icon

(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 & Footer

Recommended !

Browsers:

Mozilla Icon

'

Firebird Icon

'

Netscape Icon

'

Opera Icon

'

IE6 Icon

(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 Static

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • DIVCSS网页布局:用CSS实现表单form布局_div+css布局教程

    DIVCSS网页布局:用CSS实现表单form布局_div+css布局教程

    2015-10-02 15:06

  • DIVCSS网页布局:三行三列自适应高度的DIV布局_div+css布局教程

    DIVCSS网页布局:三行三列自适应高度的DIV布局_div+css布局教程

    2015-10-02 14:28

  • DIVCSS网页布局常用的方法与技巧_div+css布局教程

    DIVCSS网页布局常用的方法与技巧_div+css布局教程

    2015-10-02 14:26

  • DIVCSS网页布局:实现让多个DIV排列时居中_div+css布局教程

    DIVCSS网页布局:实现让多个DIV排列时居中_div+css布局教程

    2015-10-02 14:18

网友点评