<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin:0; } .left{ float: left; } .right{ float: right; } .pg-header{ position:fixed; top: 0; left:0; right:0; bottom:0; background-color: burlywood; height: 48px; color: white; } .pg-content { } .pg-content .menu{ position:absolute; top: 48px; left:0; right:0; bottom:0; background-color: aqua; width:200px; overflow:auto; } .pg-content .content{ position:absolute; top: 48px; left:200px; right:0; bottom:0; background-color: darkgreen; overflow:auto; min-width: 980px; } </style> </head> <body> <div class="pg-header">头部</div> <div class="pg-content"> <div class="menu left" onclick="func();"> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> </div> <div class="content left"> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> <p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p><p>abcd</p> </div> </div> <div class="pg-footer">尾部</div> <script> function func(){ var asdfasdf = "123"; console.log(asdfasdf); } </script> </body> </html>
时间: 2024-10-03 10:48:20