HTML – 如何将两个div彼此相邻但仍位于中心位置

概述我真的很挣扎,已经有一段时间了. 我有一个带有徽标的背景图像,我想在中心有一个div,这样它就不会阻挡背景中的BEE图像.这里的工作示例(这很好,因为它不会阻止图像)：http://jsbin.com/ubanuf/9 但是,现在我想在红色div的左边添加另一个div,在大约10pixels之间有一些边距.然而,当我这样做时,一切都向右移动,我的背景中的徽标被div阻挡.示例：http://jsb 我真的很挣扎,已经有一段时间了.

我有一个带有徽标的背景图像,我想在中心有一个div,这样它就不会阻挡背景中的BEE图像.这里的工作示例(这很好,因为它不会阻止图像)：http://jsbin.com/ubanuf/9

但是,现在我想在红色div的左边添加另一个div,在大约10pixels之间有一些边距.然而,当我这样做时,一切都向右移动,我的背景中的徽标被div阻挡.示例：http://jsbin.com/ubanuf/10

如果我从主控制器中删除margin：20px auto 0,那么事情看起来不错,直到我以1680 X 1050分辨率查看页面.在这个决议中,一切似乎都向左移动了.所以现在红色div停止和蜜蜂图像开始之间存在巨大差距.屏幕截图：http://i53.tinypic.com/25qqk4h.png

为什么我不能将黄色div放在红色div旁边,它们之间的边距为10 px

我的要求是：

>红色div为750像素
>黄色div约为200像素
>彼此相邻,两者之间的差距约为10 px
>和蜜蜂图像不应该被阻止

这有可能吗？

解决方法 怎么样： http://jsbin.com/ubanuf/12/

添加了包含余量的包装div：auto和两个div的固定宽度和边距(如果你想增加边距,你需要增加这个包装的大小)

总结

以上是内存溢出为你收集整理的HTML – 如何将两个div彼此相邻但仍位于中心位置全部内容，希望文章能够帮你解决HTML – 如何将两个div彼此相邻但仍位于中心位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。