Question

dreamweaver里使三个div并列一列，求解答

<div class="pro">
<div class="pro1">
<div class="icon">
<div class="buy1">
</div>

</div>
</div>
</div>

CSS:
.pro{ width:960px; height:auto; margin:10px;}
.pro1{ width:311px; height:auto; margin:0 0 9px 9px; text-align:center; background:url(../images/pro-bg.jpg) no-repeat;}
.icon{width:139px; height:139px; margin:20px 80px; float:left}
.buy1{ width:137px; height:35px; margin:10px 60px; float:left;}

pro是大父层，pro1里的背景图大小是311px,在编辑的时候，先插入pro1,没有显示出来背景，在插入pro1后就能随着内容出来。
但是，在出入buy后，这层DIV就会掉出pro1.
请问这是为什么？

Answer 1

<div class="pro">
<div class="pro1">
<div class="icon">
<div class="buy1">
</div>

</div>
</div>
</div>

CSS:
.pro{ width:960px; height:auto; margin:10px;}
.pro1{ width:311px; height:auto; margin:0 0 9px 9px; text-align:center; background:url(../images/pro-bg.jpg) no-repeat;}
.icon{width:139px; height:139px; margin:20px 80px; float:left}
.buy1{ width:137px; height:35px; margin:10px 60px; float:left;}

因为pro1高度自动的原因吧，你设置一个高度试下

Answer 2

icon和buy1设置了浮动，浮动是不能撑开父标签的。
解决方法有很多
这里说两个吧
1：设置父标签高度
2：在浮动标签下加入<div style="clear:both"></div>
完整：
<div class="pro">
<div class="pro1">
<div class="icon">
<div class="buy1"> </div>
</div>
<div style="clear:both"></div><!-- 清除浮动 -->
</div>
</div>