3条回答 默认 最新
- 崽崽的谷雨 2021-09-22 08:58关注
很简单的布局,div+flex就可以 ,头部、脚部、侧边栏 、内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .box{ width: 100%; height: 100vh; } .head{ width: 100%; height: 10%; background: red; } .contentBox{ width: 100%; height: 80%; display: flex; } .aside{ width: 30%; height: 100%; background: greenyellow; } .content{ width: 70%; height: 100%; } .footer{ width: 100%; height: 10%; background: red; } </style> </head> <body> <div class="box"> <div class="head">头部</div> <div class="contentBox"> <div class="aside">侧边栏</div> <div class="content">呢欧容</div> </div> <div class="footer">版权</div> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥50 微信聊天记录备份到电脑提示成功了,但还是没同步到电脑微信
- ¥15 python怎么在已有视频文件后添加新帧
- ¥20 虚幻UE引擎如何让多个同一个蓝图的NPC执行一样的动画,
- ¥15 fluent里模拟降膜反应的UDF编写
- ¥15 MYSQL 多表拼接link
- ¥15 关于某款2.13寸墨水屏的问题
- ¥15 obsidian的中文层级自动编号
- ¥15 同一个网口一个电脑连接有网,另一个电脑连接没网
- ¥15 神经网络模型一直不能上GPU
- ¥15 pyqt怎么把滑块和输入框相互绑定,求解决!