2012-08-06 157 views
1

我想了解如何在一个容器div中创建两个div。我希望容器内的div并排坐在一个居中(相对于标题),另一个右移。中心一个div浮点数

你可以在这里看到:http://jsfiddle.net/mariabarrette/KjvZA/3/

我想“主”分区为中心WRT头,并为“栏”浮动的权利。

在此先感谢您的帮助!

+0

你想要div“maincontent”居中而div“sidebarinfo”位于屏幕右侧? – 2012-08-06 20:18:17

回答

0

我认为,如果你把你的侧边栏div在主div之前,并且你设置了自动边距,它应该可以正常工作。如果你有足够的空间来适应div div的宽度。见http://jsfiddle.net/KjvZA/16/(但未注册,所以可能不会持续)。

+0

谢谢你,工作。不幸的是,我正在处理的页面中的内容不再包含在“主”边框内。这在jsfiddle中不会发生,我认为它与我编码中的其他内容有关。任何猜测,它可能是什么?或者我如何解决这个问题的解决方案? – user1497624 2012-08-06 20:45:52

+0

这是内容的主要股利或内部的下级股利?你有没有添加任何其他风格的元素?你使用哪个浏览器?行为与不同浏览器相同吗? – Tonin 2012-08-06 21:30:08

0

看起来像你已经做了大部分。如果我正确理解你,这应该这样做:

  1. Remove text-align:center;从“容器”div
  2. 将标题的宽度设置为:width:285px; (与内容相同)。

这就是你想要做的?

+0

感谢您的回复。我尝试过,但它没有给我我想要的结果。当我按照上面的说明操作时,会导致“main”div将标题居中,但“sidebar”div随后移动并位于“main”下。我希望“main”div和“sidebar”div保持并排,而“侧边栏”在“main”居中的同时坐在右侧。 – user1497624 2012-08-06 20:39:07