21、网页框架布局设计全解析

网页框架布局设计全解析

1. 框架尺寸设置方式

在设置框架尺寸时，除了使用屏幕尺寸的百分比，还有像素和相对尺寸两种方式。以下是详细介绍：

1.1 像素、百分比和相对尺寸混合使用

• 像素设置 ：通常很少为框架集里的所有框架指定精确的像素尺寸，但这是可行的。例如：

<FRAMESET cols="200,824">
<FRAME>
<FRAME>
</FRAMESET>

此代码设置了两列，总宽度为 1024 像素。不同屏幕分辨率下，浏览器会自动按比例调整框架大小以适应屏幕。
- 百分比设置 ：HTML 规范虽未提及过大或过小百分比的处理，但主流浏览器会像处理绝对误差一样处理百分比误差。例如三个框架只占屏幕 70%，剩余 30% 会平均分配给这三个框架；若两个框架占 140%，则各缩小 20%。
- 相对尺寸设置 ：相对尺寸的框架会占据屏幕上其他框架未占用的所有空间。例如：

<FRAMESET cols="200,*">
<FRAME>
<FRAME>
</FRAMESET>

这里 * 是相对尺寸字符，第二列宽度取决于访问者的屏幕分辨率。如屏幕宽 640 像素，第二列宽 4