1

我有以下HTMLand CSS，徽标浮动在左侧，但我希望能够让内容浮动在右侧。

<html>
  <body>
    <div id="logo">
      <img src="images/logo.gif" height="376" width="198" alt="LOGO" title="" />
    </div>
    <div id="maintext">
      <p id="main">First paragraph</p>
      <p>Second paragraph.</p>
    </div>
    <footer>...</footer>
  </body>
</html>

在我的 CSS 中，选择器为logo：

#logo {
  display: block;
  float: left;
}

#maintext {
  padding: 0 0.5em 0 0.5em;
}

发生的情况是徽标“ images/logo.gif”显示在页脚的左侧但在页脚的顶部。它应该显示在“maintext”选择器的左侧。

有任何想法吗？

4

2 回答 2

2

添加这个CSS：

footer {
    clear: both;
}
于 2013-10-06T23:25:13.147 回答
0

我不太明白……应该是：

float: right;
于 2013-10-06T23:27:06.907 回答