我怎样才能做到这一点的设计

Question

http://www.awwwards.com/websites/single-page/

这就是所谓的坏总成，位于页面

好了，所以我想实现设计（桌面视图），你在上面看到的，但我的照片的底部不断溢出。我可以隐藏overflow-y但我不想这样做。顺便说一句，我的CSS只是Bootstrap。我正在考虑在每一行上制作3个部分，每个部分的宽度为33％，其中background-image但是已经晚了。任何想法，将不胜感激。

<div class="row"> 
<div class="col-md-4"> 
<Img src="...#> 
</div> 
<div class="col-md-4"> 
<Img src="...#> 
    </div> 

<div class="col-md-4"> 
<Img src="...#> 
</div> 

</div> 

<div class="row"> 
<div class="col-md-4"> 
<Img src="...#> 
</div> 
<div class="col-md-4"> 
<Img src="...#> 
    </div> 

<div class="col-md-4"> 
<Img src="...#> 
</div> 

</div> 

Answer 1

我didn'tget你到底想要什么？

根据您的问题..我可以建议，而不是使用img标签使用背景图片...。

在课堂上设置背景图像或将其与coloumn div放在一起。

确保Image与列的大小完全相同。

谢谢。