css如何实现将4个盒子分别放在浏览器的4个角落呢?并且浏览器居中还放有一个盒子?
2条回答 默认 最新
- cchengze 2022-10-07 18:01关注
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box-1" class="box">1</div> <div id="box-2" class="box">2</div> <div id="box-3" class="box">3</div> <div id="box-4" class="box">4</div> <div id="box-5" class="box">5</div> </body> </html> <style type="text/css"> * { margin: 0; padding: 0; } body { width: 100vw; height: 100vh; } .box { width: 200px; height: 200px; background-color: red; position: absolute; } #box-1 { top: 0; left: 0; } #box-2 { top: 0; right: 0; } #box-3 { bottom: 0; left: 0; } #box-4 { bottom: 0; right: 0; } #box-5 { top: 50%; left: 50%; transform: translate(-50%, -50%); } </style>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥170 如图所示配置eNSP
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏!微信开发者工具报错,求帮改
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
- ¥15 stata安慰剂检验作图但是真实值不出现在图上
- ¥15 c程序不知道为什么得不到结果
- ¥15 键盘指令混乱情况下的启动盘系统重装