摘要： 我们碰到过很多的企业网站或其它小型的展示类网站，有一些共同的特点，即顶部放一个大的导航或BANNER，右侧是链接或图片，左侧放置内容，页面底部放置版权信息等。这样的形式是国内经典式的布局，我们这里不对它的视觉效果作过多的讨论，我们今天说说如何用DIV CSS实现三行两列的布局。 我们看下面的图片： 这样的结构大家再熟悉不过了，我们该如何用DIV CSS实现它呢。我们看下面的分析图片： 它们相对应的关系如下： Example Source Code [www.mb5u.com]顶部：header左侧：sidebar右侧：containe底部：footer主要区域：main 这个main是... 阅读全文

摘要： 2010年08月19日 星期四 上午 10:04常见的左右两列div+css布局分为以下两种：一、左右定宽布局： 在css分别指定了左右两列的宽度的情况下，只需要将左边的div 向左浮动{float:left;}，右边的div 向右浮动{float:right;}，并清除浮动，即可实现。常用的清除浮动有两种方式： a、通过在浮动元素的父级元素上添加清除浮动的class类：clearfix(见下面的css代码部分)； b、通过在浮动元素后面添加一个空元素，然后在这个空元素上定义clear:both来清除浮动；二、不定宽布局：不定宽布局分为一边不定宽和两边不定宽两种形式，在实际运用中第二种情况是不 阅读全文