c# - 内联 block 似乎不起作用

Question

我正在尝试在我的页面上显示一个简单的 block 布局。就几个盒子，没什么特别的。这是我的代码:

@section Content{

@model IEnumerable<webapp_stufv.Models.Article>

<h2>@ViewBag.Title</h2>

    @foreach ( var item in Model ) {
        <div class="floating-box">
            <h4>
                @Html.DisplayFor( modelItem => item.Title )
            </h4>
            <p>
                @Html.ActionLink( @item.Content.Substring ( 0, 100 ), "Details", "News", new { id = item.Id }, null )
            </p>
        </div>
    }
}

这是我的 CSS:

.floating-box {
    display: inline-block;
    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #73AD21;  
}

我真的不知道问题出在哪里。我将添加结果的屏幕截图。

我以前从未使用过内联 block 布局，所以它可能很简单。此代码来自 W3C，直接复制粘贴，所以它应该可以正常工作？

编辑:它应该是这样的:https://jsfiddle.net/fha4oftm/EDIT_2:我在浏览器中检查我的页面时注意到，我的 .css 文件中不存在 float 框。这很奇怪，因为它确实存在于我元素的 css 文件中。

Answer 1

尝试将以下内容添加到 View 的顶部...

        <link rel="stylesheet" href="~/path/yourcssfile.css" />