css中fixed定位,如何使它永远居中不动
<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的推荐标准。
<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>
position: fixed;
width: 900px;
height: 500px;
top: calc(50% - 250px);
left: calc(50% - 450px);
这样写就可以了,想给一个宽高,然后用calc(50% - 宽高一般的像素)函数计算一下就可以了!!
写上这个属性