0

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

在我的 CSS 中，我目前有以下内容：

#pageContent_wrapper {
    width:100%;

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

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

HTML 看起来像这样：

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

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

4

3 回答 3

1

从. margin: 0 auto;_ 你也不需要在. 整个 CSS 应该如下所示：#container
float: left.page-content

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

.page-content {
    padding: 30px 0;
}
于 2013-10-09T13:08:10.723 回答
0

添加你的CSS 

 text-align:left

并删除

margin: 0 auto;

等待你的重播......

于 2013-10-09T13:06:03.207 回答
0

谢谢@matewka，你在容器中添加绝对位置不是一个好主意，我有几个人说同样的话。因此，相反，我所做的是将 a 添加float:left到完美运行的容器中padding-left:270px！因为这意味着无论我的容器中的内容是什么，它总是离左侧菜单那么多像素，并且内容与浮动对齐。

当我写我的问题时，我认为我没有准确解释问题所在。不过谢谢你的帮助。

于 2013-10-11T10:46:05.250 回答