Html 浮动：指定宽度后左侧不工作 .container{ 宽度：100px； 文本对齐：居中； } .集装箱{ 位置：相对位置； 浮动：左； }

这不管用，为什么？/我应该怎么做？？？/正确的方法是什么？

---

编辑以添加另一个分区。

在不知道图片宽度的情况下，这是我对您的问题的最佳“猜测”。看小提琴

前两幅图像的宽度等于（或可以小于）容器的宽度，一旦这两幅图像的组合大于100px，图像将在下方显示，您可以在小提琴中看到第二个示例

如果这是您的问题，请将组合图像宽度的宽度设置为小于容器的宽度

HTML

---

如果它是浮动的，文本对齐在这里不会起任何作用。。。但顺便说一句，什么东西不起作用？它在这里工作。。不工作的含义是什么？为什么位置：浮动时是相对的？我看到@which fiddle使用

float:left

和

width

属性工作set@GCyrillus，我有多个“单位”div（我编辑了代码来显示这一点），div不会浮在旁边来教其他人我觉得自己很笨，这就是问题所在。width属性应该用于.unit类，而不是它的containerRoh，我想知道为什么容器有100px。现在有意义了：）@w4j3d当你太累的时候就会发生。。我也遇到过…：/

.container {
    width:100px;
    text-align:center;
}

.container .unit {
    position:relative;
    float:left;
}

<div class="container">
    <div class="unit">
        <img src="img.png"/>
    </div>
    <div class="unit">
        <img src="img2.png"/>
    </div>
</div>

<div class="container">
  <div class="unit">
    <img src="http://lorempixel.com/50/50/" />
  </div>
  <div class="unit">
    <img src="http://lorempixel.com/50/50/" />
  </div>
</div>

.container {
  width: 100px;
  text-align: center;
}
.container .unit {
  position: relative;
  float: left;
}