zoukankan html css js c++ java

margin 0 auto 元素元素并未居中的原因！

今天无意间写到一个例子发现，margin 0 auto 并未让div在另一个div里水平居中。我都有设置宽度

后来我发现，是因为我的子Div设置了浮动，导致margin 0 auto水平居中失效。原因是啥我不太明白？有各位小伙伴知道的，告诉我一下，感激不尽……

贴上例子：

  <title>浮动</title>
    <style>
        .container{
            width:400px;
            height:600px;
            background-color: #8ec63f;
            margin:0 auto;
        }
        .a2{
            width:200px;
            height:300px;
            background-color: mediumvioletred;
            margin: 0 auto;
            /*float:left;*/
        }
    </style>
</head>
<body>
<div class="container">
    <div class="a2"></div>
    <p></p>
</div>
</body>

查看全文

相关阅读:
phpcs
asp.net之cookie
ajax技术
 union、except和intersect查询
 外连接查询
 对查询结果分组
 聚合函数查询
 数据库的约束
 数据库备份
 fusionCharts

原文地址：https://www.cnblogs.com/qianxunpu/p/7357591.html