如何更改容器的宽度？

Question

我有this site。

如果你点击过去的展览，你会看到图像和深灰色的容器，这很棒。

我放了一张图片，以便更好地了解我想要做的事情。

我不想要一个固定的尺寸......不知怎的，我想自动

HTML + CSS：

<div class="container-left" style="width:100%;background:grey;"> 
            <div class="contentt"></div>


          <div class="imagini">  
            <div class="lista-sus">
                <div class="gigi" style="float:left;"><img src="/wp-content/themes/wpbootstrap/images/a.png" alt="some_text"></div>
                <div class="gigi"><img src="/wp-content/themes/wpbootstrap/images/b.png" alt="some_text"></div>
            </div>


            <div class="lista-jos"> 
                <div class="gigi" style="float:left;"><img src="/wp-content/themes/wpbootstrap/images/c.png" alt="some_text"></div>
                <div class="gigi"><img src="/wp-content/themes/wpbootstrap/images/d.png" alt="some_text"></div>   
            </div>
              <div class="sageti">
                  <div  style="float:left;"><img class="sageata-stanga" src="/wp-content/themes/wpbootstrap/images/butoane-1.png" alt="some_text"></div>
                  <div ><img class="sageata-dreapta" src="/wp-content/themes/wpbootstrap/images/butoane-4.png" alt="some_text"></div>
              </div>

我尝试了.container-left{width:auto;}，但不幸的是它不起作用，也不明白为什么

你可以帮我解决这个问题吗？

Answer 1

如果您希望块填充容器宽度：添加此

.gigi {
  float:left;
  width:50%;
}

现在，如果您希望图像也填满这些块，则必须使用此样式

background-image:url('my/url');
background-size:cover;
background-position:center center;

如果您尝试使用此方法，则在.gigi div中添加高度，因为您现在使用背景图像并且未指定高度