DIV盒子居中问题

来源:互联网 发布:数据合计js结果显示 编辑:程序博客网 时间:2024/04/29 07:14

DIV盒子居中显示

代码:

<head>    <style type="text/css">        .nav{                margin:0 auto; <!--上边距为0 左右居中-->            }    </style></head><body>    <div class="banner">        <div class="nav">        </div>    </div></body>

DIV定位盒子居中显示

代码:

<head>    <style type="text/css">        .banner{                position:relative; <!-- 父元素相对定位 -->                }        .nav{                width:500px;                 position:absolute; <!-- 子元素绝对定位 -->                left:50%;  <!--子元素的左侧边 在浏览器中线处-->                margin-left:250px; <!--子元素向左侧移动整体一半的距离  实现居中-->            }    </style></head><body>    <div class="banner">        <div class="nav">        </div>    </div></body>
0 0
原创粉丝点击