这是我在这里发表的第一篇文章：）
我对网络开发很陌生，实际上在几天前我决定开始为我的乐队建立一个新网站时，我真的不知道任何事情。所以请不要责怪我，如果代码不是最好的，现在我希望网站看起来不错，并且适用于任何屏幕分辨率（=＆gt; 1920x1080和智能手机）到目前为止我已经能够实现我想要的一切，但现在我在尝试了一整天之后就陷入了困境：
请查看此网站http://www.unstucc.de/test/band_site_for_stackoverflow.html（这是我目前所取得的最新快照）
如果禁用javasript并水平调整浏览器的大小，您将看到每个乐队成员的那些“框”移动，因此它们始终完全可见。您永远不必水平滚动，除非您的屏幕非常小。如果你水平放大浏览器并且右侧有足够的空间用于另一个“盒子”，则下一个“盒子”会跳起一行。我喜欢这种行为，我想保留它。 但是砌体会破坏这种行为，因为你可以看到你是否启用了javascript。要查看位于右侧的乐队成员，您必须水平向右滚动。 如何配置砌体以尊重这种预期的行为，但仍然可以将“盒子”放在正确的位置？我希望砌筑它们正确，因为它看起来好多了，因为“盒子”的高度不同。
我希望我的描述足够清楚，英语不是我的母语。
答案 0 :(得分：0)
你的绝对定位
<div id="left">
推动整个砌体容器
<div id="band_right">
到屏幕右侧，因此需要滚动。如果您总是希望“CD封面/社交网络图标”元素出现在左上方，请使用简单的Masonry左角图章技巧：将该元素作为您的第一个.masonry-brick然后摆脱这些
left: 420px;
在你的Masonry容器CSS上，然后就可以了。只需禁用左：420px;在Chrome的devtools中，你会看到我的意思。