竖状菜单： 如果用JQuery来写上面的JS则更简单： 效果如下： 这里UL和LI的布局的核心参见：DIV布局之positioan详解 横向菜单： 横向菜单的核心就是要让li浮动起来 ...

1、宽度自适应三列布局 　　三列布局的原理和两列布局的原理是一样的，只不过多了一列，只需给宽度自适应两列布局中间再加一列，然后重新计算三列的宽度，就实现了宽度自适应的三列布局。 　　同样的道理，更多列的布局，其实和两列、三列的布局模式是一样的。 2、左右两列固定宽度，中间 ...

1、混合布局 　　在了解了一列、两列和三列布局之后，混合布局也就不难理解了，混合布局也可以叫综合型布局，那么混合布局就可以在一列布局的基础之上，分为两列布局，三列布局，网页布局的结构普遍都是三列布局，但是在三列布局的基础上，可以根据实际需求，对网页再进行划分。 2、固定宽度混合 ...

div+css对网页进行布局 　　首先在页面整体上进行div标签划分内容区域，然后再用css进行定位，最后再对相应的区域添加内容。 1、用div将页面划分 　　拿到网站页面图后，首先将分析页面分为哪几块,然后用DIV划分出各个内容区域，一般页面有页面顶部、 轮播图、主体内容、菜单主导航 ...

1、网页布局 　　布局（layout）即对事物的全面规划和安排，页面布局是对页面的文字、图像或表格进行格式化版式排列。网页布局对改善网站的外观非常重要，又称版式布局，大多数网站会把内容安排到多个列中，就像杂志或报纸那样，网页版面的设计延续了传统纸媒的特点，但又比传统的纸媒更灵活，传统的纸媒 ...

1、宽度自适应两列布局 　　两列布局可以使用浮动来完成，左列设置左浮动，右列设置右浮动，这样就省的再设置外边距了。 　　当元素使用了浮动之后，会对周围的元素造成影响，那么就需要清除浮动，通常使用两种方法。可以给受到影响的元素设置 clear:both，即清除元素两侧的浮动，也可以设置具体清除 ...

1、DIV+CSS定义及优势 Div+css 是什么? Div+css 是一种目前比较流行的网页布局技术 Div 来存放需要显示的数据(文字，图表..) , css 就是用来指定怎样显示， 从而做到数据和显示相互的效果 Div+css 优势 表现和内容相分离 代码简洁，提高页面 ...

1 <! doctype html > 2 < html lang ="en" > 3 ...