2

これが私の問題 / 問題 / シナリオ / 今から 3 時間理解できない何かです。

http://jsfiddle.net/5f6dK/

ここにCSSがあります：

header {
    width:100%;
    height:95px;
    color:#FFF;
    position:fixed;
    width:100%;
    background:#3b5998;
    display:block;
    z-index:99999;
    top:0px;
    border-bottom:1px solid ##133783;
    float:left;
}

.inner-header {
    margin:0px auto !important;
    width:100%;
    height:95px;
    max-width:1400px;
    min-width:700px;
    padding:0 10px 0 10px;
}

.header-logo{
    padding-right:10px;
    width:100% auto;
}

img#header1280-1366 {
    width:100%;
}

.header-logo, .xbdlogo {
    float:left;
}

.header-adsense {
    float:left;
}

.xbdlogo {
    top:-100px;
    display:block;
    position:relative;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    overflow:auto;
    margin-right:10px;
}

.header-logo:hover + .xbdlogo {
    top:30px;
}

.header-adsense {
    padding-top:2px;
}

サイトのヘッダーです。

問題：

ヘッダーは、2 つのヘッダー ロゴとアドセンス広告の 3 つのコンポーネントで構成されます。

ユーザーがウィンドウのサイズを変更するたびに、レスポンシブにしたいのですが、PNG BENDAGGERS のサイズを小さな画像に変更すると可能になります。私はそれで問題を抱えています。幅を 100% に設定しましたが、機能しません。

それを行う方法について何か提案はありますか？

助けてください！私はあなたの助けに感謝します！:)

4

2 に答える 2