html - margin : 0 auto; not centering div with float:left

Question

JSFiddle:https://jsfiddle.net/feyv4o4u/

<div style="border:1px solid black;position:relative;float:left;margin:0 auto" >
</div>

我有一个无法在中心对齐的分区，如上面的 fiddle 所示。

我使用了 float:left 进行划分，这样划分宽度将适合内容而不是 100% 宽度。

我如何才能将这样的部门与中心对齐？注意:分区宽度必须适合内容。

Answer 1

float: left 旨在将元素向左移动，并让其后的内容在其旁边向上移动。

如果你不想那样。不要使用 float: left。

您可以使用 display: table 获得收缩包装效果。