1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>经典页面布局，任何分辨率下，全屏显示</title>
6 <style type="text/css">
7 *{ list-style:none; margin:0; padding:0;}
8 html{ height:100%; overflow:hidden;}
9 body{ background:red; height:100%;}
10 .top,.left,.right,.bottom{ background:#000; position:absolute;}
11 .top{ height:70px; left:10px; top:10px; right:10px;}
12 .left{ width:300px; left:10px; top:90px; bottom:90px;}
13 .right{ left:320px; right:10px; top:90px; bottom:90px;}
14 .bottom{height:70px; left:10px; right:10px; bottom:10px;}
15 </style>
16 <!--[if IE 6]>
17 <style type="text/css">
18 html{ padding:90px 10px;}
19 .top,.left,.right,.bottom{ position:relative; top:0; right:0; bottom:0; left:0;}
20 .top{margin-top:-80px;}
21 .left{height:100%;margin-top:10px; float:left;}
22 .right{height:100%; margin:10px 0 0 320px;}
23 .bottom{margin-top:10px;}
24 </style>
25 <![endif]-->
26 </head>
27 <body>
28 <div class="top"></div>
29 <div class="left"></div>
30 <div class="right"></div>
31 <div class="bottom"></div>
32 </body>>
33 </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· 使用C#创建一个MCP客户端
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· Windows编程----内核对象竟然如此简单？