Question

好的，这就是我正在打印的内容：

<a href=\"portfoliodetail.php?id=$id\" class=\"noHover\" title=\"$title\">
     <div class=\"thumbnailHome\" style=\"background: url('images/portfolio/thumbnails/$bgthumbnail'); background-position: center center;\">f</div>
</a>

这就是CSS：

.thumbnailHome {
    max-width: 28%;
    height: 100%;
    margin-right: 7%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    float: left;
    margin-bottom: 40px;
}

.thumbnailHome a:last-child {
    margin-right: 0%;
}

但是，打印的div不会显示。当我检查元素时，它说高度和宽度都是0.当我在其中放入一些文本时，div和背景显示但只有文本那么大。

我给它的最大宽度为28，所以我可以有三个div彼此相邻（如果屏幕变小，它们会缩放）。我想保留这个未来，但我不知道如何解决这个问题，以便显示div？我不明白为什么宽度和高度都是0？

链接到小提琴http://jsfiddle.net/R4mGY/

Answer 1

也许这会有所帮助。

你的CSS没有正确放置。

看看jsFiddle。

a:last-child div {
    margin-right: 0%;
}

http://jsfiddle.net/4fuzm/

更新代码
以下代码在没有文本时有效。

http://jsfiddle.net/4fuzm/2/

带背景的Div不会显示

1 个答案: