0

このCSSを固定位置divに適用しました

#abs{
position: fixed; 
bottom: 0; 
background-color: red; 
padding: 20px; 
width: 100%; 
margin-top: 200px;
}

しかし、うまくいきmargin-top: 200px;ません。

ここにデモがあります

jQueryで方法はありますか?

4

4 に答える 4

2

これを与えてみてmargin-bottom:200px; for the top div class #someidも同じ結果が得られます Check This

編集

position: relative;固定の代わりに追加すると、機能します。

#abs{
     position: relative; 
     bottom: 0; background-color: red; 
     padding: 20px; 
     width: 100%;
     margin-top:200px;
    }

これをチェックして

于 2013-07-10T05:02:36.893 に答える
2

固定配置では、要素がドキュメント フローから除外されるため、要素のマージンをいじる必要はありません。HTMLを変更できない場合は、追加してみてください

body {
    margin-bottom: 200px;
}

ちなみに、ページの下部に少しコンテンツを追加する必要があるが、スタイルシートにしかアクセスできない場合は、次のように使用できます。

body:nth-last-child(1):after {
    content: "aha ";
    line-height: 200px;
}

http://jsfiddle.net/DomDay/QqMFX/

于 2013-07-10T05:41:50.550 に答える
0 
#someid{
        position:absolute;
        height: 700px; 
        background-color: yellow;
        width: 100%;
        }
#abs{
     position:absolute;
     background-color: red;
     padding: 20px; 
     width: 100%;
     margin-top:200px;
    }
于 2013-07-10T05:02:58.443 に答える
-1

#absとの間のスペースが#someid問題の場合は、改行があります<br />

この更新されたフィドルを確認してください

更新: jquery を使用する準備ができている場合は、このフィドルを確認してください

于 2013-07-10T05:22:26.240 に答える