1

画像はこちら

ドロップ シャドウの付いた木の板は、私のフッター イメージです。その周りの茶色の明るい色合いが私の背景イメージです。

板と下部の背景の間に小さなスペースの線があります. 板をページの最後に正確に揃えるためにそれを削除したいと思います。

チェックに追加しようとするborder: 2px solid redと、小さなスペースの原因となっている少量のパディングがあります。

それをクリアする方法はありますか？ありがとう。

CSS:

#footerBg {
position: relative;
bottom:-63px;
left:-50px;
}

HTML:

<footer>
            <figure id="footerBg">
                <img src="images/BG_F_S3.png" alt="Footer Background" width="" height="" />

            </figure>   

        </footer>
4

3 に答える 3

3

タグdisplay: block;のページ スタイルシートで設定してみてください。img私はこの方法を好み、最も広く使用されているようです。

line-height: 0;画像コンテナーで使用したり、タグで設定vertical-align: bottom;したりすることもできます。imgを使用することを提案している人もいますvertical-align: sub;が、これは IE6 または IE7 では機能しません。

解決策は、このフィドルのようになります。http://jsfiddle.net/NdNGv/2/

于 2012-08-06T12:46:53.753 に答える
1

私は自分のサイト（小さな線）で同じ問題を抱えていました。問題は、内側の div のline-height属性にありました。親の高さ以上であってはなりません。

于 2015-07-03T10:54:18.310 に答える
0

コンテナのパディング、または内部要素のマージンである可能性がありますか？

フッターの中/近くにフロートはありますか？

より良い答えを得るためにHTMLとCSSを投稿する必要があるかもしれません...

于 2012-08-06T12:13:09.290 に答える