网站建设

布局网页常用方法。表格（table）元素最初用来显示和组织数据，由于它具有直观易懂、易操作的特点，后来常用于网页布局。但表格的单元格之间独立性较差，制作网页效率低，代码凌乱，不适合用于结构复杂的网页布局。

随着制作网页技术的发展和用户体验需求的提升，基于CSS盒模型的布局方式出现，它有三种基本的定位机制：标准流、浮动定位和位置定位。其中标准流中的元素由元素在HTML中的位置决定，块级元素从上到下依次排列，行内元素在一行中从左到右水平排序；为了实现网页制作的灵活性，采用浮动定位法创建多列的网页结构，属性float的值可设置为left或者right等，使元素浮动到左边或者右边而成为一行，浮动可以应用于任何元素，并从标准流中脱离出来。

但用浮动布局也有弊端，比如浮动后的块元素高度必须要一致，否则就会出现“锯齿相错”，也会对布局中的其他元素造成一定的影响；用位定位法，是依靠元素的坐标进行定位从而实现元素的排列，position属性的四个属性值较为常用，除静态定位static外，其他三个定位属性需要计算好每个元素详细的坐标，配合使用left、top等进行布局。这样效率上明显比较低，修改也极不方便，因而在实际操作中，位定位法多用来实现层叠效果。