css - 将左侧边栏放在主页面的正文顶部

Question

我的 CSS 有问题。在这种情况下，我创建了一个left-sidebarfor Sub-Categories，它显示在主页底部，如下所示

Sub-Categories红色箭头的位置怎么放？

sidebar在Categories.chtml：

<div id="sidebar">
                Go To...
             <ul>
                    @foreach (var item in @ViewBag.Menu)
               {
                <li> <a href="@Url.Content("~/Bike/Categories/"+item.Id+"?name="+item.Name+"&class=image")">@item.Name</a>
                </li>
                    }
            </ul>
        </div>

我的CSS：

#sidebar {
           width: 15%;
           margin-right: 20%; 
        }

在_Shared.chtml：

<div id="main">
        @RenderBody()
     </div>
<div id="footer">
         built with <a target="_blank" href="http://asp.net/mvc"> ASP.NET MVC 4</a>
         <button style="margin-left: 25px; float:left">Slide Toggle</button>
 </div>