砌体浮子：左和右最大宽度

Question

<style>

#container {
  float: left;
  max-width: 900px;
}

.item {
 float: left;
 width: 300px;
}

</style>

<div id="container">

  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>
  <div class="item">Much of Text</div>

</div>

我让Mansory在所有情况下工作都很棒：

• 仅适用于#container max-width财产
仅
• 和float: left

但遗憾的是，如果同时应用float: left和＆amp;组合的组合，它就无效了。 max-width。

1. 如何让它以这种方式工作以及它为什么不起作用 应用两个CSS属性后？
2. 我需要浮动#container到左边，同时需要 有max-width就可以了。是否有可能以某种方式做到这一点？一世 尝试使用浮动：留在容器的父母身上，但没有运气。

Answer 1

Masonry #coniner 必须相对定位， .masonry-brick 元素由布局引擎定位 - 这是关于砌体定位的全部观点元素自动。如果您自己更改 .masonry-brick 元素的位置，那么您就会在工作中使用扳手。请参阅the documentation以及其中的许多示例。要更改 #container 的位置，只需观察Chrome的devtools的其他示例，看看如何使用前面的元素，边距和填充，将它放在您想要的位置。