如何正確放置div？

我有缺少div的代碼。你有任何想法如何正確地把div？不管我怎麼努力的代碼工作在我的網站，但如果我再次更改保存的代碼是從末端切削這些標籤關閉：如何正確放置div？

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

我所要做的就是再次更換代碼。它開始變得煩人。代碼如下：

<div id="CX_chatbox" class="cx-offline"> 
<div id="CX_btn_0" style="color: rgb(255, 255, 255); width: 250px; right: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; bottom: 0px; padding:10px; background-color:#327CCB;" class="cx-chat-btn cx-online-btn cx-no-ico"> 
    <div class="cx-ico cx-ico-chat" style="display:none"></div> 
    <div class="cx-ico cx-ico-arrow-up" style="display:block;"></div> 
    <div class="cx-title" style="display:block;">Chat</div> 
</div> 

<div id="CX_popup_0" data-id="0" class="cx-widget" style="display: none; width:300px; right:30px;bottom:0;border-radius:4px 4px 0 0; overflow: hidden;"> 
    <div class="cx-"> 
    <div id="CX_popup_header_0" class="cx-header" style="border-radius:4px 4px 0 0;background-color:#327CCB; color:#ffffff;"> 
     <div class="cx-title" style="text-align:left; padding:10px;"> 
      Chat 
      <div class="cx-ico cx-ico-arrow-down" style="float:right;"></div> 
     </div> 

    </div> 

    <div id="CX_popup_body_0" class="cx-body" style="height: 300px; overflow: hidden;"> 
     <div class="chat_content"></div> 
    </div> 

    <div class="chat_input"> 
     <textarea id="omdc" placeholder="Message..."></textarea> 
    </div> 
</div>

來源

2016-04-28 audiophonic

聽起來像什麼都程序，您使用的開發可能會增加（或刪除）的div。但是像zer00ne在下面提到的你缺少2個關閉div – crazymatt

您需要關閉兩個div。見下文。

<!doctype html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    </head> 
 
    <body> 
 
    
 
<div id="CX_chatbox" class="cx-offline"> 
 
<div id="CX_btn_0" style="color: rgb(255, 255, 255); width: 250px; right: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; bottom: 0px; padding:10px; background-color:#327CCB;" class="cx-chat-btn cx-online-btn cx-no-ico"> 
 
    <div class="cx-ico cx-ico-chat" style="display:none"></div> 
 
    <div class="cx-ico cx-ico-arrow-up" style="display:block;"></div> 
 
    <div class="cx-title" style="display:block;">Chat</div> 
 
</div> 
 

 
<div id="CX_popup_0" data-id="0" class="cx-widget" style="display: none; width:300px; right:30px;bottom:0;border-radius:4px 4px 0 0; overflow: hidden;"> 
 
    <div class="cx-"> 
 
    <div id="CX_popup_header_0" class="cx-header" style="border-radius:4px 4px 0 0;background-color:#327CCB; color:#ffffff;"> 
 
     <div class="cx-title" style="text-align:left; padding:10px;"> 
 
      Chat 
 
      <div class="cx-ico cx-ico-arrow-down" style="float:right;"></div> 
 
     </div> 
 

 
    </div> 
 

 
    <div id="CX_popup_body_0" class="cx-body" style="height: 300px; overflow: hidden;"> 
 
     <div class="chat_content"></div> 
 
    </div> 
 

 
    <div class="chat_input"> 
 
     <textarea id="omdc" placeholder="Message..."></textarea> 
 
    </div> 
 
</div> 
 
    </div><!--This is missing --> 
 
    </div><!--This is missing--> 
 
    
 
    </body> 
 
    </html>

來源

2016-04-28 18:20:05 zer00ne

如何正確放置div？

回答

相關問題