DIV背景中的错误不包括垂直菜单

Question

我正在使用bootstrap.css和<div class="box">/''HTML content'''/</div>

• class = box是带有白色背景的div框
• 我在<div class="box">/''vertical menu''/</div>
中有垂直菜单

运行页面时，我没有得到覆盖整个垂直菜单的div框。

div box CSS

.box {
padding: 50px 30px;
background: #fff;
position: relative;
border-radius: 10px;}

我在框内添加了<div id="leftmenu">

leftmenu css

#leftmenu {
margin-left: 100px;
float: left;
width: 25%;
}

并列出同一行中的两个div 2同一行中的div工作，但div框不覆盖2 div

错误 div框不会覆盖垂直菜单

jsfiddle

Answer 1

将overflow: hidden;添加到.box类，如下所示：

JSFiddle - DEMO

.box {
    padding: 50px 30px;
    background: #fff;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

OR：将<div style="clear:both"></div>放入<div class="box"></div> - DEMO

Answer 2

您可以在代码中添加float:left; width:100%;。

.box {
padding: 50px 30px;
background: #fff;
position: relative;
border-radius: 10px;
float:left;
width:100%;

}

JsFiddle是here。