砌体-布局我无法用内容填充容器我究竟做错了什么？

问题描述

我正在尝试从不加飞溅的内容中添加更多小图片，以使.shopcontainer充满内容，但是当我尝试时，什么都没有发生。当我检查元素时，添加的div的样式显示为“隐藏样式”。

下面是“我的”代码：

.shopcontainer{
    width: 990px;
    margin-right: 10px;
    columns: 3;
    column-gap: 0;/*Definiuje w ilu kolumnach max mogą pojawiać się divy*/
    /* position: relative;
    float: left; */
}

.shopcontainer .Box{
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    break-inside: avoid;
    /* position: relative;
    display: block;
    float: left;
    color: #666;
    background: #fff; */
}

.shopcontainer .Box img{
/*Poniższe 3 linijki sprawiają,że fotografia dostosowuje się do rozmiaru diva (zdefiniowanego w stylingu liniowym)*/
max-height: 100%;
max-width: 100%;
/* margin: 0 2px 0 2px; */
margin: 5px 10px;
padding: 0;
/* position: relative;

display: block;
margin: 0;*/
Box-shadow: 0 1px 2px rgba(0,0.3); 
}

<div class="shopcontainer">
                <div class="Box">
                    <img src="img/jackets/ali-pazani-DEHy_9m62_E-unsplash.jpg" alt="ali-pazani"/>
                </div>
                <div class="Box">
                    <img src="img/underwear/fahad-waseem-AdjyrNhFVPI-unsplash.jpg" alt="rico-cori">
                </div>
                <div class="Box">
                    <img src="img/hats/red-hat-factory-o06gtPVfuDs-unsplash.jpg" alt="red-hat-factory">
                </div>   
                <div class="Box">
                    <img src="img/shoes/paul-gaudriault-a-QH9MAAVNI-unsplash.jpg" alt="paul-gaudriault">
                </div>
                <div class="Box">
                    <img src="img/blouses/ali-saadat-ikLELWYbyxk-unsplash.jpg" alt="rico-cori">
                </div>             
                <div class="Box">
                    <img src="img/hats/sherise-gsHnw5NMvtk-unsplash.jpg" alt="rico-cori">
                </div>
                <div class="Box">
                    <img src="img/ads/claudio-schwarz-purzlbaum-KcPK_kzqWC8-unsplash.jpg" alt="david-dvoracek">
                </div>
                <div class="Box">
                    <img src="img/shirts/ian-dooley-TT-ROxWj9nA-unsplash.jpg" alt="ian-dooley">
                </div>
                <div class="Box">
                    <img src="img/pants/alicia-petresc-Bciccl8tjVU-unsplash.jpg" alt="alicia-petresc-Bciccl8tjVU-unsplash">
                </div>
            </div>

我在做什么错了？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html layout layout