css中fixed定位,如何使它永远居中不动
发布网友
发布时间：2022-04-06 12:12
共4个回答
热心网友
时间：2022-04-06 13:41
<style>
#center
{
width:50px;
height:50px;
background-color:red;
position:fixed;
top:50%;
left:50%;
margin-left:-25px; /* width的一半的相反数 */
margin-top:-25px; /* height的一半的相反数 */
z-index:999;
}
</style>
<div id="center"></div>
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
其实当时在互联网界已经有过一些统一样式表语言的建议了，但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中，一个文件的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合每个人的爱好。
哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议，1995年的www网络会议上CSS又一次被提出，博斯演示了Argo浏览器支持CSS的例子，哈肯也展示了支持CSS的Arena浏览器。
同年，W3C组织（World WideWeb Consortium）成立，CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标准，层叠样式表的开发终于走上正轨。有越来越多的成员参与其中，例如微软公司的托马斯·莱尔顿(Thomas Reaxdon)，他的努力最终令Internet Explorer浏览器支持CSS标准。哈坤、波斯和其他一些人是这个项目的主要技术负责人。1996年底，CSS初稿已经完成，同年12月，层叠样式表的第一份正式标准（Cascading style Sheets Level 1）完成，成为w3c的推荐标准。
热心网友
时间：2022-04-06 14:59
#center
{
width:50px;
height:50px;
background-color:red;
position:fixed;
top:50%;
left:50%;
margin-left:-25px; /* width的一半的相反数 */
margin-top:-25px; /* height的一半的相反数 */
z-index:999;
}
</style>
<div id="center"></div>
热心网友
时间：2022-04-06 16:34
position: fixed;
width: 900px;
height: 500px;
top: calc(50% - 250px);
left: calc(50% - 450px);
这样写就可以了,想给一个宽高,然后用calc(50% - 宽高一般的像素)函数计算一下就可以了!!
热心网友
时间：2022-04-06 18:25
写上这个属性
