html - DIV 背景中的错误未覆盖垂直菜单

Question

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

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

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

div 框 CSS

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

我添加了 <div id="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;
}

或者:将您的 <div style="clear:both"></div>在<div class="box"></div>里面- <强> DEMO