Css 如何将内部div居中？

我有两个部门：

<div class='container'>
  <div class='left'></div>
  <div class='center'></div>
</div>

我想将第二个分区居中（“居中”）

并将第一个内部div放置在中间div的左侧。 我用chrome尝试了几个小时，但它不起作用。

试试下面的方法

.center{最大宽度：300px；边距：0自动；溢出：隐藏；}
.center.innerDiv{float:left；width:50%；}

。左{
浮动：左；
宽度：10%；
左边距：10%；
背景：绿色；
}
.中心{
宽度：60%；
保证金：0自动；
背景：红色；
}
梅因先生{
宽度：100%；
背景：黄色；
}

你可以试试这个

.A{
显示器：flex；
证明内容：中心；
}
.B{
背景色：红色；
位置：绝对位置；
右：100%；
排名：0；
}
C{
背景色：青色；
位置：相对位置；
}
C
.B{
边界半径：4px；
填充：8px 24px；
}

左文本
中心文本

以下是我的想法：

.main>*{
显示：内联块；
宽度：33%；
}

abc
def

要将左元素定位到尽可能靠左的位置，可以使用中心元素的边距，如下所示

边框和背景色用于可见性，不需要

.main{
显示器：flex；
证明内容：中心；
宽度：100%；
边框：薄而实的黑色；
}
.左{
背景色：红色；
高度：50px；
}
.中心{
背景颜色：蓝色；
高度：50px；
保证金：0自动；
}

左边
居中

这里有一个没有flexbox的解决方案：

.main{
文本对齐：居中；
}
.main___内部{
显示：内联块；
位置：相对位置；
}
.左{
边框：1个实心番茄；
位置：绝对位置；
右：100%；
}
.中心{
边框：1px固体青色；
}

左边
居中

您是否曾尝试在此处运行自己的代码？您更改了HTML结构。我认为OP希望将绿色div粘贴到红色div-当然与分辨率无关。可以通过添加正确的边距来解决此问题。如果您不知道

.center

的宽度，该怎么办？它可能有

width:min内容。那么人们应该求助于
flex
和
justify content
我想