Html 向下半页的div

我并不擅长CSS，所以我不太明白这个问题的起源。我有一个非常少量的CSS，这就是为什么我不明白这一点。下面是正在发生的事情的图像。图像下方是CSS/HTML。问题是，“你好，尼克！！！”距离果岭大约150像素

（来源：）

CSS:

HTML:

{%块边栏%}





{%endblock%}

{%block content%}{%endblock%}

尝试向#侧边栏容器添加浮动

    float:left;

将其添加到#contentContainer样式中。

---

这会将div向上推到您想要的位置。：）

您是否尝试过veritical align:top？请在中间拉一把小提琴。net@BrettWeber哇，我犯了个新手错误。谢谢你的帮助！哈迪德，这解决了你的问题？是的，它解决了我的问题！我很感激！

<div id="sidebarContainer">
    <ul id="sidebar">
        {% block sidebar %}
        <li class="active"><a href="">Home</a></li>
        <li><a href="">Inbox</a></li>
        <li><a href="">Favourites</a></li>
        <li><a href="">Discussion</a></li>
        <li><a href="">Contact</a></li>
        {% endblock %}
    </ul>
</div>

<div id="contentContainer">
    <div id="content">
        {% block content %}{% endblock %}
    </div>
</div>

    float:left;

 vertical-align : top;