如何在底部中心制作div？

Question

我是第一次制作网站，对我来说很难完成一些简单的任务。就像现在我一直坚持这个问题。我有一个漂浮在左边的div和另一个漂浮在右边的div。在某些页面，左边的div比右边的div大，有时则相反。

无论哪个（左或右）div更大，我还需要一个停留在底部中心的div。现在，只有当左边的div大于右边的div时，我设法才能工作。

很抱歉这令人困惑，很难解释，问题可能是定位，但我无法弄明白自己如何使其发挥作用。

简而言之：需要ID底部位于底部中心，低于其他div。 忘了提一下：如果我移动div，它会在不同的屏幕尺寸上混乱。

<div id="bottom"><p>How to Make this text to be at the bottom center all the time?</p></div>

示例在这里（检查ID底部）：http://jsfiddle.net/ZMLyz/61/

Answer 1

#bottom
{
  position:absolute;
  width:100px;
  margin-left:-50px;
  bottom:20px;
  left:50%;
}

Answer 2

给它设定宽度并将边距设置为自动。这将div放在其父容器中。自从你处理花车以来，你还需要清除左边和右边的div。

#bottom{
  width:800px;  /*make the width whatever you want*/
  margin:auto;
  clear:both;
}

祝你好运

Answer 3

提供样式margin-top: Xpx

以下是示例：http://jsfiddle.net/ZMLyz/62/

Answer 4

嗯，问题不在于CSS，而在于HTML。

您已将div id="bottom"放在"div style="float:left;"元素中。这就是为什么底栏似乎在两者之间飞行。但实际上，它正是你放置它的地方，而css完全按照它应该做的那样。

---

解决方案：

在updated fiddle中，请注意HTML中的第89和90行 第89行用于清除即将到来的元素的浮动属性 第90行是bototm div。

至于css，从第15行开始，我做了一些修改但是在那行之前都是一样的。