0

divを固定位置に設定し、ページを一番下までスクロールするか、スマートフォンやタブレットのような小さな画面を使用すると、固定divがフッターの上に浮かびます。どうすればこれを修正できますか?

これは私の固定divです:

.infoItem{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px #e4e4e4 solid;
    width: 227px;
    background:#f8f6f7;
    position: fixed;
}

これは私のラッパーです：

.wrapper { 
  min-width:954px;
}

また、div を別の div でラップし、infoteam新しい div を設定しようとしましたがposition: absolute、それも機能しませんでした。

固定 div html

<div class="box-collateral box-up-sell">

        <div class="infoItem">
            <p class="heading">Add to your </p>
            <p class="content">

                        <div class='upsellContainer'>

                               <div>

                               </div>
                        </div>

            </p>
        </div>
    </div>

フッターCSS

.footer { background:url(../images/footer-top-border.png) repeat-x;}
/* .footer-container { border-top:15px solid #b6d1e2; }*/

.footer { width:904px; margin:0 auto; padding:30px 10px 50px; }
.footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; }
.footer .store-switcher label { font-weight:bold; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }
.footer a {text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer .bugs { margin:13px 0 0; }
.footer .bugs a { text-decoration:underline; }
.footer .bugs a:hover { text-decoration:none; }
.footer address { margin:0 0 20px; }
.footer address a {text-decoration:underline; }
.footer address a:hover { text-decoration:none; }
.footer ul { display:inline; }
.footer ul.links { display:block; }
.footer li {  background:url(../images/bkg_pipe2.gif) 100% 60% no-repeat; padding:0 7px 0 4px; }
.footer li.last { background:none !important; padding-right:0 !important; }
.footer-container .bottom-container { margin:0 0 5px; }
4

2 に答える 2

0

clear:both内部で使用するfooter divか、次のように css で clear:both を適用します。

#footer{
  clear: both;
}
于 2012-08-01T16:56:08.360 に答える
0

次のように、div の直後、フッターの前に別の div を追加します。

<div style="clear:both"></div>

これにより、その下にあるすべての要素が強制的にダウンされます。clear:bothまた、フッターも同様であることを確認する必要があります (これは常にフッターに当てはまります)。

于 2012-08-01T16:49:28.620 に答える