Question

我有以下HTML和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”选择器的左侧。

有什么想法吗？

Answer 1

添加此CSS：

footer {
    clear: both;
}

Answer 2

我不太明白......这将是：

float: right;

左侧是浮动徽标，右侧是内容

2 个答案: