<div> border不包含所有div的元素

Question

我现在开始设计正确的标记和组织.现在,我的div边界有问题.它没有包含所有div的内容.

这是我的html片段:

  <div id="paneMiddle"> 
  <div id="subPaneLatestItems">
        <p id="latestItemsTitle">Latest Shop Items:</p>
        <div>
        <img src="img/flower1.jpg" />
        <span id="itemName">Ballpen</span>
        <br/><span id="itemPrice">Php 90.00</span>
        </div>
     </div></div>

这是我的css:

div#paneMiddle>div{
/*All divs that are children of div#paneMiddle*/
width:590px;
margin:5px 5px 5px 5px;
position:relative;
border-color:#FFCC33;
border-style:solid;
border-width:thin;
position:relative;
}

为什么这不起作用？谢谢

Answer 1

看看是否在您的div中添加了clearfix类修复了任何问题

http://www.webtoolkit.info/css-clearfix.html