css div相对屏幕永远居中
不管屏幕如何滑动,该div始终保持在屏幕正中央(支持IE7(包括IE7)以上版本)
<div class="loginBox"></div>
.loginBox { background: #FA2; width: 700px; height: 400px; position: fixed; left: 50%; top: 50%; z-index: 11; /*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/ /*宽为400,那么margin-top为-200px*/ /*高为200那么margin-left为-100px;*/ margin: -200px 0 0 -350px; }
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步