Javascript Div没有任何高度

我正在使用Jquery动态构造一个div，并将其附加到body或任何元素。 追加后，当我尝试获取高度时，它给出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>';

css

试试这个：

.capMainSection {overflow: hidden;}

或者，您可以这样做：

.capMainSection:after {
  content: " ";
  display: block;
  clear: both;
}

---

是否有可能浮动？请正确编辑您的问题，并使其内部的一些内容浮动。如果它们浮动或具有绝对位置，它们将没有高度。仅供参考

clone（）

返回jquery对象。你不需要每次都用jquery包装

templateNode

。@SharathBangera你有小提琴手吗？

.capMainSection {overflow: hidden;}

.capMainSection:after {
  content: " ";
  display: block;
  clear: both;
}