html - 我如何左对齐一个div

Question

我需要一些帮助来左对齐我正在处理的网站上的内容。我在左侧有一个菜单，我需要一个内容 div 到与此菜单相邻的站点。

在我的 CSS 中，我目前有以下内容并且 HTML 看起来像这样:

    #pageContent_wrapper {
        width:100%;
        
    }
    #container {
        width:940px;
        height:100%;
        margin: 0 auto;
    }

    .page-content {
        float:left;
        padding: 30px 0;
    }

    <div id="pageContent_wrapper">
        <div id="container">
           <div class="page-content">
              <p>Content goes Here</p>
           </div>
        </div>
    </div>

虽然这不起作用。本质上，我试图将 div 与其中的主要内容左对齐。

Answer 1

从 #container 中删除 margin: 0 auto;。
您也不需要 .page-content 中的 float: left。
整个 CSS 应如下所示:

#pageContent_wrapper {
    width:100%;
}
#container {
    width:940px;
    height:100%;
}

.page-content {
    padding: 30px 0;
}