javascript - div id "wrapper"未在盒子模型中运行

Question

我在 CSS 中创建了一个 id 包装器:

#wrapper {
    position: relative;
    background: yellow;
    -webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    width: 960px;
    padding: 40px 35px 35px 35px;
    margin: 0px auto;
}

CSS 中的类框:

float: left;
width: 170px;
height: 190px;
margin: 10px;
border: 3px solid #8AC007; 
border-radius: 5px;
right: auto; 

HTML:

<div id="wrapper"><div class="box">
    <a href="#"><p>ini box 1</p></a>    
</div> </div>

问题是盒子从 wrapper 中取出来了。灵魂是什么？

Answer 1

从 box css 中移除 float:left 样式

.box {
    width: 170px;
    height: 190px;
    margin: 10px;
    border: 3px solid #8AC007;
    border-radius: 5px;
    right: auto;
}