css - CSS浮动位置

Question

我的主页上有一个部分显示最新帖子的摘录，我为前 2 个帖子创建了一些 css，以便它们并排放置，但我无法让第二篇文章漂浮在第一篇文章。即使我在第二个标题上输入 float:right ，它也会向右浮动，但在第一个标题下。如果您访问我的网站 www.ehowtodrywall.com，您就会明白我的意思。如何让第二个标题浮动到最新文章部分中第一个标题的右侧...

Answer 1

你有clear:both。div.srp-widget-singlepost如果您删除它，它们将彼此相邻漂浮。

当您清除浮动时，它会在“新行”上开始这种类型的浮动。这就像你在那种浮动上击中“回车”。

Answer 2

这是因为浮动的宽度大于其父级的宽度。如果您希望它们彼此相邻，则需要减小它们的宽度，例如 50% 50%。但不要忘记边距和边框会增加宽度。