5.定位盒子居中显示

来源:互联网 发布:朱元璋 知乎 编辑:程序博客网 时间:2024/06/15 16:35

在父盒子中居中显示
方法:

  1. margin:0 auto; 只能在标准流的盒子居中显示。
  2. 定位的盒子居中显示:先向右走父盒子的一半50%(自左向右走),再向左走盒子的一半(margin-left:负值)
<style tyle="text/css>    .nav{        width:960px;        height:60px;        background:#666;        position:absolute;        bottom:0;        left:50%;        margin-left:-480px;    }</style>
原创粉丝点击