Css 在容器div内,从中心偏移两个div

Css 在容器div内,从中心偏移两个div,css,html,Css,Html,我想把横幅放在网页的顶部。我第一次尝试的方法是,我无法让两个div正确地相互定位。它们没有从中间偏移(使用与单个静态div相同的技术),并且一个低于另一个 这是密码 然后我设法用另一种更简单的方法来做 但当然,第一种方法不起作用让我很烦恼。请提供任何指导,尤其是如何正确地从容器分区的中间偏移 (**编辑:我应该补充一点,我是在IE9中这样做的,您可能需要在JSFIDLE中调整预览窗格的大小以查看所有内容)在这里使用float属性似乎是一个非常好的主意 一个低于另一个,因为您使用的是位置:相对

我想把横幅放在网页的顶部。我第一次尝试的方法是,我无法让两个div正确地相互定位。它们没有从中间偏移(使用与单个静态div相同的技术),并且一个低于另一个

这是密码

然后我设法用另一种更简单的方法来做

但当然,第一种方法不起作用让我很烦恼。请提供任何指导,尤其是如何正确地从容器分区的中间偏移


(**编辑:我应该补充一点,我是在IE9中这样做的,您可能需要在JSFIDLE中调整预览窗格的大小以查看所有内容)

在这里使用
float
属性似乎是一个非常好的主意


一个低于另一个,因为您使用的是
位置:相对
()。在该模式下,首先使用正常流量铺设div,然后进行偏移。所以
top:2px
在正常情况下将每一个偏移2像素

在两个内部div上使用
position:absolute