Question

这是我的代码：

    .borderwidth
        {
            width:400px;
            height: auto;
            padding:1px;

                background-image: url(http://static.tumblr.com/sredvmb/rnImr27ij/topbottom.gif), url(http://static.tumblr.com/sredvmb/rnImr27ij/topbottom.gif), url(http://static.tumblr.com/sredvmb/GZBmr27hw/leftright.gif), url(http://static.tumblr.com/sredvmb/GZBmr27hw/leftright.gif);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-position: right top, left bottom, left center, right center;
        }

.border
        {

        }

问题是，底部有21px填充..问题是，这两个元素也没有触及代码中的任何其他标记。

html：

<div align="center" class="borderwidth"><div class="border"><img width="100%" height="100%" src="http://www.w3schools.com/images/w3schoolslogoNEW310113.gif"></div>

建议？我被困太久无法自己找到答案

Answer 1

我使用您提供的代码设置了一个测试示例，似乎没有任何填充问题。您确定没有任何可能导致问题的其他样式吗？

4背景，底部是否有不必要的填充？

1 个答案: