0

我正在使用 Jquery 即时构建一个 div，并将其附加到正文或任何元素。附加后，当我尝试获取它给出的高度时，它给出了 0。在 Chrome 中，我检查了它的所有高度属性，它的值为 0。可能是什么问题。

这是我要附加的代码：

 var template = '<div class="capMainSection"> 
       <div class="CAP"> </div>
       <div class="scrolldiv repeatSection" style="display:none;""> 
         <div class="header sectionheader"> </div> 
           <div class="content"> 
               <div class="leftColumn"> 
                   <div class="show" id="capInfo"> 
                     <div class="label1">CA Contacts:</div> 
                     <div class="label2"><p>CA Lead:<span class="LeadName"></span><span class="LeadEmail"></span></p></div> 
                     <div class="lable3"><p>Lead:<span class="vLeadName"></span><span class="vLeadEmail"></span></p></div>   

                   </div> 
                   <div class="hidden" id="facInfo"> 
                     <div class="label1"><span class="facid"></span><span class="facName"></span></div> 
                     <div class="label2"><span class="city"></span><span class="state"></span><span
 class="country"></span></div> 
                   </div>              </div>
               <div class="rightColumn"> 
                   <div class="rightGroup"> 
                     <div class="groupproto"> 
                       <p><span class="protocolname show"></span>
                       <span class="date_class show"></span></p>
                     </div>
                     <div class="statusClass hidden"></div>
                     <div class="approvedFinding show"></div>
                     <div class="closedFinding show"></div>
                     <div class="verifiedFinding show"></div>
                     <div class="lasActivity show"></div>
                   </div> 
                     <div class="linkButton"> 
                           <input type="button" class="lplinkbutton" value="&gt;">
                     </div> 
               </div>
           </div>
       </div>
     </div>';

我先克隆 div 然后附加

templateNode = $('.repeatSection').clone(true);
//change the display none to show
$(templateNode).find('.content').attr('id',capRow);
$('.capMainSection').append($(templateNode));

css

.content {
clear: both;
font-size: 13px;
}

.leftColumn {
float: left;
width: 40%;
padding: 10px 0 10px 10px;
}

.rightColumn {
float: right;
width: 50%;
padding: 0;
}
4

1 回答 1

0

尝试这个：

.capMainSection {overflow: hidden;}

或者，您可以这样做：

.capMainSection:after {
  content: " ";
  display: block;
  clear: both;
}
于 2013-10-28T18:25:18.353 回答