Flotteur de maçonnerie: Largeur gauche et max.

 #container { float: left; max-width: 900px; } .item { float: left; width: 300px; }   Much of Text
 Much of Text
 Much of Text
 Much of Text
 Much of Text
 Much of Text
 Much of Text

Mansory travaille très bien dans toutes les situations:

avec appliqué à la #container max-width uniquement
et float: left seul

Mais malheureusement, cela ne fonctionne pas si vous appliquez une combinaison des deux float: left et max-width .

Comment le faire fonctionner de cette façon et pourquoi cela ne fonctionne plus après avoir appliqué les deux propriétés CSS?
J’ai besoin de float #container à gauche et dans le même temps avoir besoin de max-width à ce sujet. Est-il possible de le faire d’une manière ou d’une autre? J’ai essayé d’utiliser float: laissé sur les parents du conteneur mais pas de chance.

Le conteneur de maçonnerie # doit être positionné par rapport, les éléments .masonry-brick sont positionnés de manière absolue par le moteur de présentation – voilà le problème qui concerne le fait que la maçonnerie travaille automatiquement au positionnement des éléments. Si vous modifiez vous-même le positionnement des éléments .masonry-brick , vous créez une clé. Voir la documentation et les nombreux exemples disponibles. Pour modifier la position du conteneur # , il suffit d’observer d’autres exemples avec l’outil de développement de Chrome pour voir comment, avec les éléments, les marges et les marges intérieures précédents, vous pouvez le placer où vous le souhaitez.