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>

问题是盒子是从包装器中取出的。什么是灵魂？

Answer 1

从框css

中删除float：left样式

[Tue, 22 Sep 15 11:11:41 +0700][DEBUG] $_SERVER['REQUEST_URI'] : /
[Tue, 22 Sep 15 11:11:41 +0700][DEBUG] $_SERVER['REQUEST_URI'] : /favicon.ico

Answer 2

将overflow: auto添加到包装器以清除框的浮动。

Answer 3

我总是在浮动之后推荐一个清除元素，旧的IE特别表现得不可预测而没有它们

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

额外的CSS

.clr {
    clear:both;
    height:0px;
}

div id＆＃34; wrapper＆＃34;没有在盒子模型中运行

3 个答案: