表单水平分割窗口rows

2012/11/22 10:28:19作者：佚名来源：网络

移动端

【实例介绍】

表单水平分割窗口rows

水平分割窗口是将页面沿水平方向切割，也就是将页面分成上下排列的多个窗口。

【基本语法】

【语法介绍】

rows属性的值代表各子窗口的高度，第一个子窗口的高为高度1，第二个子窗口的高为高度2，以此类推，它由逗号分割的像素值或百分比组成。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>水平分割窗口</title>
</head>
<frameset rows="80,*,120" frameborder="yes" 
border="1" framespacing="1">
  <frame src="top.html" name="topFrame" scrolling="No" 
noresize="noresize" id="topFrame" />
  <frame src="zhongjian.html" name="mainFrame" id="mainFrame" />
  <frame src="foot.html" name="bottomFrame" 
scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes><body>
</body></noframes>
</html>

【代码分析】

在代码中，加粗部分的代码rows="80，120*"标记用于设置水平分割窗口，设置第一个窗口的高度为80px，第2个窗口的高度为120px，第3个窗口的高度是全屏的高度减去前两个窗嘲的高度，在浏览器中预览可以看到页面被分为上、中、下3个窗口，如图所示。

水平分割窗口rows运行效果