2017-01-04 1 views
1

Ich schreibe eine Webseite in ASP.NET mit C# und Bootstrap. Ich versuche das _Layout zu ändern. Hier ist, was ich habe:Was bewegt meinen IMG zum Inneren eines nicht verwandten div?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - B5 Tours</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
</head> 
<body> 
    <div id="headerbar">RF Center of Excellence</div> 
    <div class="container body-content"> 
     @RenderBody() 
     <div style="clear:both;" /> 
    </div> 
    <img src="~/Content/FooterPicture2.png" style="" /> 

    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
    @RenderSection("scripts", required: false) 
</body> 
</html> 

Notiz das Bild, außerhalb der div mit Klassen container und body-content. Wenn ich jedoch die Website starte und f12 drücke, um das DOM zu durchsuchen, und auf das Bild klicke, um es zu finden, sehe ich das Bild in der container body-content div.

<div class="container body-content"> 
    <div class="col-sm-1 customer-block"> 
    </div> 
    <div class="col-sm-1 customer-block"> 
    </div> 
    <div class="col-sm-1 customer-block"> 
    </div> 
    <div style="clear: both;"> 
    </div> 
    <img src="/Content/FooterPicture2.png"> 

    <script src="/Scripts/jquery-1.10.2.js"></script> 

    <script src="/Scripts/bootstrap.js"></script> 
    <script src="/Scripts/respond.js"></script> 



    <!-- Visual Studio Browser Link --> 
    <script id="__browserLink_initializationData" type="application/json"> 
     {"appName":"Internet Explorer","requestId":"b2e6b58079644495a5751a037fd16748"} 
    </script> 
    <script src="http://localhost:63389/a1a3529e4ef74c2e9f1fb2137876c0af/browserLink" type="text/javascript" async="async"></script> 
    <!-- End Browser Link --> 
</div> 

Also was gibt? Bewegt bootstrap.js es? Wie entscheidet es sich zu bewegen? Wie verhindere ich das?

Antwort

3

Dies ist eine ungültige Syntax

<div style="clear:both;" /> 

Nach dem specification<div> hat immer mit </div> enden, so dass die richtige wäre

<div style="clear: both;"></div> 
Verwandte Themen