Question

在一个jsp页面，用div布局两个大框，其中右边的大框里有两个小框，边框只显示两个大框的边框，求大神指点

代码如下：

.show {
padding: 2px;
border: 1px solid #ccc;
margin: 2px auto 2px;
text-align: left;
background: #fff;
border-radius: 2px;
}
<div id="show" class="show" style="height: 100%;width: 45%;float: left;"></div>
<div class="show" style="height: 100%;width: 55%;float: right;">
<div id="ppu1" style="height: 100%;width:30%;float: left;"></div>
<div id="ppu2" style="height: 100%;width:25%;float: right;"></div>
</div>
为什么右边显示不全？

Answer 1

把两个小框的边框样式关了就可以了 border:none

追问

求布局的详细代码。

追答

那两个小框的width错了，你这样定义的width是右边那个大框整个宽的55%