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

Question

我遇到CSS问题。我为left-sidebar创建了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>