在使用position：fixed属性时，如何才能让div居中显示

作为前端开发人员，很多时候我们会需要让一个div使用position:fixed属性，这个时候有一个棘手的问题是如何在这个时候让div居中显示。我的做法是：给top、right、bottom、left四个值一个0像素，再给margin-top、margin-right、margin-bottom、margin-left四个值auto属性，来让浏览器帮我们计算像素比例，从而达到剧中的目的！！！

注意：前提是必须要确定这个div的宽高，当然高度可以由内容撑大也是可以的。

<style>

#div {

width: 320px;

height: 150px;

position: fixed;

top: 0px;

bottom: 0px;

left: 0px;

right: 0px;

margin-left: auto;

margin-right: auto;

margin-top: auto;

margin-bottom: auto;

}

</style>