1

我试图把这一段放在标题（h4）下面。两者都向左浮动，文本向左对齐。但是，它最终仍然是居中的。我们（我们的团队）已经完成了测试，标签不是问题。

<center><div id="content">
                                                                <!-- <p>hi.</p> -->
  <div class="postStarter">

  </div>
  <div class="post">
    <img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a>
    <br />
    <br />
      <p class="postText">UNIX-BASED.</p>
  </div>
  <div class="post">
    <img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a>
    <br />
    <br />
      <p class="postText">Living the Mac life.</p>
  </div>
</div>

这是CSS：

.postStarter {
  background: #FFF;
  border-bottom: 1px solid #E0E0E0;
  width: 500px;
  height: 100px;
}

.post {
 background: #FFF;
 border-bottom: 1px solid #E0E0E0;
 width: 500px;
 height: 100px;
}

.postText {
  float: left;
  text-align: left;
}

#content {
  width: 1000px;
  height: 900px;
  background: #FFF;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-top: .5px solid #FFF;
  border-bottom: none;
}

有想法该怎么解决这个吗？ http://i.redsroom.info/npPO。

4

2 回答 2

2

尝试在 che "p" 标签之前放置一个 "clear div"，如下所示：

<div class="post">
<img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a>
<br />

<div class="clear"></div>
  <p class="postText">UNIX-BASED.</p>

于 2013-06-11T14:40:38.710 回答
0

如果不查看您的文档就很难判断，因为并非所有在您的 html 中引用的类都可以在您的 CSS 片段和您的文档类型等中看到。

也许看看如果您从 .postText 中删除左侧的浮动会发生什么，因为您在此之后没有清除，这可能会导致一些不适当的影响。

使用 JS Bin 会更容易看出问题

于 2013-06-11T14:41:07.993 回答