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>

效果

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