2016-04-28 62 views
0

我有缺少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> 
+1

听起来像什么都程序,您使用的开发可能会增加(或删除)的div。但是像zer00ne在下面提到的你缺少2个关闭div – crazymatt

回答

1

您需要关闭两个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>