图像最后被切断了

时间:2013-11-20 14:28:53

标签: css

我网站右侧的图片被截断。我正在使用基于960网格的主题(我没有设计它)。我玩它来使图像变大并重叠但是在这样做的时候我把右边的图像剪掉了。

以下是site

我尝试更改网格宽度(我增加了网格3和网格12的宽度)但没有发生任何事情,图像仍然保持切断(仅在右侧)。

我使用了萤火虫,它表明网格有足够的空间让图像掠过。我不知道他们为什么没有。

这是css

/* Standard 960px ----------- */

.grid_1                             { width:48px; }
.grid_2                             { width:128px; }
.grid_3                             { width:260px; }
.grid_4                             { width:960px; }
.grid_5                             { width:368px; }        
.grid_6                             { width:448px; }
.grid_7                             { width:528px; }
.grid_8                             { width:960px; }
.grid_9                             { width:688px; }
.grid_10                            { width:768px; }
.grid_11                            { width:848px; }
.grid_12                            { width:1100px; }

.column                             { margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }
.row                                { margin:0 auto; width:960px; overflow:hidden; }
.row .row                           { margin:0 -10px 0 -10px; width:auto; display:inline-block; }

1 个答案:

答案 0 :(得分:0)

你的CSS有点奇怪......但要查看完整的照片,只需删除溢出:隐藏在“.row”之外。

我不知道你想做什么,但是使用DIV制作像TABLE(.row,.column)这样的东西并不是一个好主意。