首页 > 开发 > CSS > 正文

CSS布局教程:用DIV CSS实现国内经典式三行两列布局

2024-07-11 08:40:35
字体:
来源:转载
供稿:网友


  我们碰到过很多的企业网站或其它小型的展示类网站,有一些共同的特点,即顶部放一个大的导航或BANNER,右侧是链接或图片,左侧放置内容,页面底部放置版权信息等。这样的形式是国内经典式的布局,我们这里不对它的视觉效果作过多的讨论,我们今天说说如何用DIV CSS实现三行两列的布局。

  我们看下面的图片:


  这样的结构大家再熟悉不过了,我们该如何用DIV CSS实现它呢。我们看下面的分析图片:


  它们相对应的关系如下:

示例代码 [www.CuoXIn.com]
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表