layui：frameset页面分栏

新建一个main.html页面，注意，使用frameset时，去掉body

<!DOCTYPE html>
<html>
<head>
	<title>页面分栏</title>
</head>
<!-- cols表示分栏,里面的参数个数表示分栏数量。
	下面的200，400，*分别表示：左边一个frame宽200
	中间一个frame宽400，右边frame自适应。
 -->
<frameset cols="200,400,*" border=1 frameborder="yes">
	<frame src="demo-3-26left.html"></frame>
	<frame src="demo-3-26right.html"></frame>
	<frame src="demo-3-26right1.html"></frame>			
</frameset>
</html>

左边页面demo-3-26left.html

<!DOCTYPE html>
<html>
<head>
	<title>nonono</title>
</head>
<body>
left
</body>
</html>

中间页面demo-3-26right.html

<!DOCTYPE html>
<html>
<head>
	<title>nonono</title>
</head>
<body>
right
</body>
</html>

右边页面demo-3-26right1.html

<!DOCTYPE html>
<html>
<head>
	<title>nonono</title>
</head>
<body>
right1
</body>
</html>

效果

posted @ 2020-03-26 22:51  昨夜昙花  阅读(131)  评论(0)    收藏  举报