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>

效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章