gpt4 book ai didi

c# - 是什么将我的 img 移动到不相关的 div 的内部?

转载 作者:太空宇宙 更新时间:2023-11-03 23:05:16 25 4
gpt4 key购买 nike

我正在使用 C# 和 Bootstrap 在 ASP.NET 中编写网页。我正在尝试更改 _Layout。这是我拥有的:

<!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>

注意图片,在 div 之外,带有 containerbody-content 类。但是,当我运行该网站并按 f12 键浏览 DOM,然后单击图像进行查找时,我在 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>

那么是什么给了? bootstrap.js 正在移动它吗?它如何决定移动什么?我该如何阻止这种情况发生?

最佳答案

这是一个无效的语法

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

根据specification <div>总是以 </div> 结尾, 所以正确的是

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

关于c# - 是什么将我的 img 移动到不相关的 div 的内部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41473348/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com