Css 如何创建重叠的浮动容器？

我的网站目前有一个以页面为中心的主内容区域。我想在这个主要内容区域的左侧创建一个浮动容器，在这里我可以放置广告代码，以便向访问者显示广告。我希望这个容器位于左侧，在菜单导航和第一篇博客文章之间的某个地方。以下是我的代码：

<div> <!-- float container -->
<div style="float: left; display:inline; width:120px;"><p>
<!-- my ad code script -->
</p></div>
<div style="clear:both;"></div>
</div>

我一直在把这个代码放在body标签和hfeed站点标签之间，这使得容器位于主内容区域之外。但是，它只是将容器放在我的站点的左上角，标题区域上方。因此，本质上，它有自己的一行，跨越我的站点的宽度，只为容器保留，而不是将其放在主内容区域旁边

你能帮我相应地调整代码吗？那么这个代码应该放在哪里呢

---

提前谢谢你

考虑将其绝对定位为：

如果您希望即使在用户向下滚动时也能显示它，请改用position:fixed

或者，由于你的广告已经超出了你的内容范围，你可以使用页边距上限：50px或其他一些变体

---

最好放在外部CSS文件中，但如果必须内联使用，只需将其应用到广告容器中即可。

非常感谢！我去掉了容器，简单地在我的广告中添加了定位绝对值、边距顶部，并留下了0，它成功了！再次感谢！：

position: absolute;
top: 50px; // Or some number
left: 0;