Html 如何将div放置在居中div旁边

如何将div放置在页面上居中的div旁边，从而：

.firstDiv {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

它将div放在页面中间，但是如果我想在它旁边添加一个div，该怎么办呢？在这个部门，我想有一个菜单，报价或其他东西。在尝试了

位置

后，我似乎没有让它工作

提前感谢,

鲍里斯

---

编辑 为了澄清我的意思，请看这张图片：

---

大正方形是以“main”为中心的div，然后我希望在它的一侧有一个较小的div。

您可以尝试将

float

属性用于要定位在中心div旁边的div。但是，如果上下文中没有HTML和css的其余部分，则很难给出准确的答案。另一种选择是使用calc属性。。。但这可能有点棘手。

您可以将

div

s包装在一个节（或另一个块元素）中，将它们显示为

内联块

s，并使用

文本对齐

将它们居中

div{
显示：内联块；
}
部分{
文本对齐：居中；
}

废话
布赫

听起来，最好的办法是将页面设置为列。做一些类似于：

colWrapper{
保证金：0自动；
}
.栏目{
宽度：33%；
浮动：左；
}

1.
2.
3.

我会按原样创建第一个div，然后将右列放在居中div内，并将其放置在右侧，如下所示：

.firstDiv{
位置：相对位置；
宽度：300px；
高度：300px；
保证金：0自动；
背景：红色；
填充：10px；
}
.右上校{
位置：绝对位置；
顶部：0px；
左：100%；
宽度：100px；
高度：300px；
背景：蓝色；
填充：10px；
}

菜单/报价
中段

这不是我的意思。我希望有一个位于页面中心的“main”div，然后在它旁边有一个较小的div。@user3339355编辑您的问题以使其清楚：添加一个快速绘制您想要的内容。例如，用图片编辑我的问题。我发现一个愚蠢的解决方案可行，就是在大div的右侧放置一个不可见的空div，将其设置为与左侧小div相同的尺寸，然后将三个小div一起居中（

text align:center

位于父对象上）。“假”师会把事情推回正轨。