1

私のサイトには、入力フォームとトラック画像があります。ブラウザ ウィンドウのサイズを変更すると、トラックがフォームにクラッシュします。トラックは独立した画像ではありませんが、背景画像をフローティングすることはできますか?
CSS:

#header{
    height:212px;
    width:100%;
    margin:0 auto;
    border-bottom:2px solid #66675e;
    background:url(img/truck.gif) no-repeat 150px 55px;
}
4

1 に答える 1

-1

トラックの背景画像と、背景画像を持つ同じ div に含まれる要素との衝突を防ぐために、div の幅を最小限にすることをお勧めします。

別の解決策は、div をフロート可能にし、最小幅を追加することです (スタイルを CSS に抽出し、a と b をサイズに置き換えて計算を実行します)。

<div id="header" style="min-width: (a+b)px;">
    <div style="float: left; width: (a)px;"><img src="truck"/></div>
    <div style="width: (b)px; margin: auto;"><form..../></div>
</div>

これで始められるはずです

于 2012-11-15T23:53:32.723 に答える