<style>
html {
background-color: blue;
}
.box1 {
width: 1040px;
top: 0px;
height: 10000px;
background-color: rgb(255, 0, 0);
/* 居中盒子两个条件,有宽度,左右外对齐为auto值 */
margin: 0 auto;
}
.vertical {
width: 50px;
height: 10000px;
background-color: black;
margin-left: 80%;
z-index: 10;
}
.line {
position: fixed;
left: auto;
right: auto;
bottom: 20%;
width: 1040px;
height: 50px;
background-color: rgb(229, 255, 0);
z-index: 8;
}
.bottombox {
position: fixed;
left: auto;
right: auto;
bottom: 0%;
width: 800px;
height: 150px;
background-color: rgb(9, 255, 243);
z-index: 10;
}
</style>
</head>
<body>
<div class="box1">
<div class="vertical"></div>
<div class="line"></div>
<div class="bottombox"></div>
</div>
</body>
</html>
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/630336405346132.png "#left")
html中盒子没有置顶
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- chuifengde 2022-01-30 09:46关注
style中加一行 body {
margin-top: 0px;
}本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 2020长安杯与连接网探
- ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
- ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
- ¥16 mybatis的代理对象无法通过@Autowired装填
- ¥15 可见光定位matlab仿真
- ¥15 arduino 四自由度机械臂
- ¥15 wordpress 产品图片 GIF 没法显示
- ¥15 求三国群英传pl国战时间的修改方法
- ¥15 matlab代码代写,需写出详细代码,代价私
- ¥15 ROS系统搭建请教(跨境电商用途)