浩海科技首页制作（2）

三、各部分的实现

3、“关于我们”区域的实现

   画局部布局图

“关于我们”图像采用绝对定位，以title盒子为参照物，距离title的左侧480px，距离上边-25px；故装图片的容器span要设置为绝对定位，而其父容器title要设置为相对定位。

公司介绍部分：  装饰图像要设置为左浮动；介绍的文字部分要设置为右浮动；

4、“案例展示”区域的实现

1255/5=251，每一个li的宽度不得大于251，否则一行不能显示5个案例；再加上每个案例之间要预留外边距，所以li的宽度要小一点；进而，li里的图片的宽度也不得大于li的宽度；

li的高度由图片的高度加上案例名称文字的高度决定；