发行阻止的Divs

我刚刚开始了一个基本的MVC 4应用程序，我很难弄清楚如何让两个div以块的形式出现，而不是彼此相邻。在我_Layout.cshtml文件，我对body标签下面的代码：发行阻止的Divs

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

而且headerImage类：

.headerImage 
{ 
    background: url('@Url.Content("~/Content/Images/foo.jpg")'); 
    background-repeat:no-repeat; 
    background-size:100%; 
}

我 Index.cshtml视图，它被呈现为的 @RenderBody()部分

现在，我有一个简单的按钮：

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

当我运行这个时，按钮放在图像旁边，即使是tho唉，他们都在不同的div：

enter image description here

我甚至尝试设置了div display:block但没有帮助。任何想法如何做到这一点？

来源

2014-09-21 user2872534

找到你试过'#body {明确：两者; }'让它显示在图像下面？ – 2014-09-21 20:29:31

这样做。发布它作为答案，我会接受。 – user2872534 2014-09-21 20:34:20

刚刚在下面添加了一个答案，并提供了更多关于清除花车信息的链接。 – 2014-09-21 20:37:00

看起来你需要清除你的第二个<div>，如下：

#body { 
    clear: both; 
}

更多关于清除漂浮的信息可以在

来源

2014-09-21 20:35:26

发行阻止的Divs

回答

相关问题