Html 发行被冻结的div_Html_Css_Asp.net Mvc_Asp.net Mvc 4

Html 发行被冻结的div

html css asp.net-mvc asp.net-mvc-4

Html 发行被冻结的div,html,css,asp.net-mvc,asp.net-mvc-4,Html,Css,Asp.net Mvc,Asp.net Mvc 4,我刚刚启动了一个基本的MVC4应用程序，我很难想出如何使两个div以块的形式出现，而不是彼此相邻。在我的\u Layout.cshtml文件中，主体标记有以下代码： <body> <div style="width: 60%; margin: 0 auto; display: block"> <div id="header"> <div class="headerImage" style="height:

我刚刚启动了一个基本的MVC4应用程序，我很难想出如何使两个div以块的形式出现，而不是彼此相邻。在我的

\u Layout.cshtml

文件中，

主体

标记有以下代码：

<body>
    <div style="width: 60%; margin: 0 auto; display: block">
        <div id="header">
            <div class="headerImage" style="height: 200px; width: 150px; float: left"></div>
        </div>

        <div id="body" style="display: block">
            @RenderBody()
        </div>
    </div>
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>

现在，在我的

Index.cshtml

视图中，它作为

@RenderBody（）

的一部分呈现，我有一个简单的按钮：

<div>
    @using (Html.BeginForm("action", "controller"))
    {
        <input type="submit" value="hello world" />
    }
</div>


@使用（Html.BeginForm（“操作”、“控制器”））
{
}

当我运行此命令时，按钮将放置在图像旁边，即使它们位于不同的div中：

我甚至试着在divs上设置

display:block

，但也没用。你知道怎么做吗？

看起来你需要清除第二个

，如下所示：

#body {
    clear: both;
}

有关清除浮动的更多信息，请访问

您是否尝试过

#body{clear:both；}

将其显示在图像下？成功了。将其作为答案发布，我会接受。只需在下面添加一个答案，并提供有关清除浮动的更多信息的链接。

#body {
    clear: both;
}