中心一个div浮动

时间:2012-08-06 20:09:17

标签: html css-float center

我正在尝试学习如何在容器div中创建两个div。我希望容器内的div并排放置,其中一个居中(相对于标题),另一个浮动右侧。

您可以在此处看到:http://jsfiddle.net/mariabarrette/KjvZA/3/

我希望“主”div在标题中居中,并且“侧边栏”向右浮动。

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

我认为如果你把侧边栏div放在主div之前并设置自动边距,它应该可以正常工作。只要你有足够的空间放置封闭的div宽度上的div。请参阅http://jsfiddle.net/KjvZA/16/(但未注册,因此可能不会持续)。

答案 1 :(得分:0)

看起来你已经完成了大部分工作。如果我正确地理解你,那应该这样做:

  1. 删除text-align:center;来自“container”div
  2. 将标题的宽度设置为:width:285px; (与内容相同)。
  3. 是你想要做的吗?