0

これは私のコードです:

    .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 になっていることです。問題は、これら 2 つの要素がコード内の他のマークアップにも触れていないことです。

html:

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

提案？自分で答えを見つけるには長すぎる

4

1 に答える 1

0

提供されたコードだけを使用してテスト例をセットアップしましたが、パディングの問題はないようです。問題の原因となっている可能性のある他のスタイリングがありませんか?

于 2013-08-05T16:00:32.937 に答える