C# HTML（ASP.NET）div在上一个div内而不是在它之后呈现

我在aspx文件中有以下内容：

...
 <div class="graybg">
    <div id="clmn1">
       <div class="title2">Pick Up From:</div>
       <div id="pickup_options" class="selservice" runat="server">
          <div class="boxes">
             <asp:ImageButton class="box1" src="./box1.png" runat="server" OnClick="OnClickAddress" alt="Ground Address" />
             <div class="boxtitle">Ground Address</div>
          </div>
          <div class="boxes">
             <asp:ImageButton class="box1" src="./box2.png" runat="server" OnClick="OnClickAirport" alt="Airport" />
             <div class="boxtitle">Airport</div>
          </div>
       </div>
       <div id="pickup_airport" runat="server">
          <div class="rows">
             <div class="inputbtnholder">
                <asp:TextBox class="input1" ID="TextBox1" placeholder="Enter Flight Number" runat="server"></asp:TextBox>
                <div id="Div1_pkup" class="imgbtn searchbtn"></div>
             </div>
          </div>
          <div class="rows">
             <asp:TextBox class="input1 martop" ID="TextBox2" placeholder="Airport" runat="server" />
             <div id="airport_search" class="imgbtn searchbtn" />
          </div>
          <div class="rows">
          <div class="inputbtnholder">
          <script type="text/javascript"> ...
          <asp:TextBox ID="pickupdatetime" class="input1 martop" placeholder="Select Date and Time" runat="server"></asp:TextBox>
          <div id="Div2_pkup" class="imgbtn datebtn"></div>
          </div>
       </div>
       </div>
       <div id="pickup_ground" runat="server">
          <div class="inphld">
             <asp:TextBox class="input1" ID="address" placeholder="Search for address" runat="server"></asp:TextBox>
             <div id="searchbtn" class="imgbtn searchbtn"></div>
          </div>
          <div class="inphld">
             <asp:TextBox class="input1 martop" ID="pickupdate" placeholder="Select Date and Time" runat="server"></asp:TextBox>
              <div id="datebtn" class="imgbtn datebtn"></div>
          </div>
       </div>
    </div>
 </div>
 <div class="selservice">
....

。。。
取货地点：
地面地址
机场
...
....

我所有的缩进匹配检查（手动和自动）都告诉我最后一行selservice类的div在graybg类的div之后。当我在Chrome中发布和浏览页面时，渲染会混乱。使用chrome开发者工具进行的检查表明，selservice在graybg中遵循clmn1。如果我删除了定义“airport_search”的行，则渲染是正确的，开发人员工具会在graybg之后显示selservice，这是应该的

---

有人能解释一下吗？

自动关闭标签的更改。即

<div id="airport_search" class="imgbtn searchbtn" />

到

是的，就是这样。我是笑还是哭？嘿@RobH，你能告诉我们有什么区别吗？@في-自动关闭标记是有效的xhtml（我认为有些情况下它们不起作用），但它们不是有效的html。

<div id="airport_search" class="imgbtn searchbtn"></div>