40、网页布局之绝对定位全解析

网页布局之绝对定位全解析

1. 去除CSS注释

在使用Dreamweaver进行网页设计时，其提供的HTML布局样式表中充满了CSS注释。在学习阶段，这些注释就像CSS布局的小课程，能帮助我们学习。但当网站要上线时，这些注释会成为不必要的负担，减慢页面下载速度。
- 手动删除 ：在代码视图中，CSS注释是灰色的，以 /* 开头，以 */ 结尾，可手动删除。
- 使用“查找和替换”工具 ：也可以使用Dreamweaver的“查找和替换”工具快速删除所有注释。还可以从 http://tinyurl.com/4ywjk42 下载Dreamweaver专家David Powers的存储查询来删除CSS注释。

2. 绝对定位概述

除了基于浮动的布局，CSS的另一种主要的页面元素定位技术是绝对定位，它能让你指定任何元素的精确位置。但要注意，网络环境是动态的，很难用像素级的精度来控制。如果访客增大浏览器中的字体大小，放大的文本可能会溢出精心设计的布局。而且，使用绝对定位几乎不可能将页脚固定在页面底部（而基于浮动的布局可以轻松做到）。所以，大多数网页布局还是使用浮动和相关技术。

不过，绝对定位并非一无是处。它非常适合将小元素（如徽标、图像或短链接集）移动到页面上的特定位置，并且它是让一个元素重叠另一个元素的唯一方法。只要不试图规定每个页面元素的精确宽度、高度和位置，绝对定位会非常强大和有用。