文章/答案/技术大牛

发布

社区首页 >问答首页 >向左浮动徽标，向右浮动内容

问向左浮动徽标，向右浮动内容
EN

Stack Overflow用户

提问于 2013-10-06 23:21:45

回答 2查看 795关注 0票数 1

我有下面的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“显示在左边，但在页脚顶部。它应该显示在“主文本”选择器的左侧。

有什么想法吗？

css

html

css-float

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-06 23:25:13

添加以下CSS：

footer {
    clear: both;
}

票数 2

Stack Overflow用户

发布于 2013-10-06 23:27:06

我不太明白..。它将是：

float: right;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19215104

复制

相似问题

问向左浮动徽标，向右浮动内容
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向左浮动徽标，向右浮动内容EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向左浮动徽标，向右浮动内容
EN