0

私はこの css を持っています。今では 1366x768 のラップトップ画面に表示したいように見えます。画面の中央下部に表示されます。しかし、大きな画面に移動すると、フッターが別の位置、ページのさらに上に表示されます。

誰か提案をお願いできますか？

position:relative;  
width:900px;
height:70px;
background-color:#0CF;
margin-top:38%;
right:25%;
left:50%;
margin-left:-450px;
4

2 に答える 2

3

これが理由です：

margin-top:38%;

画面の高さの 38% が異なると、フッターの位置が異なります。これは、別の位置を持つ可能性のある別の要素ではなく、本文に対する位置であると仮定します。あなたの場合、私はそれが体に関連していると確信しています。

それを絶対位置に変更すると、画面の下部にくっつくように下の値を指定します。

position:absolute;  
width:900px;
height:70px;
background-color:#0CF;
bottom:0;
right:25%;
left:50%;
margin-left:-450px;
于 2013-05-15T16:17:35.830 に答える
2

もしあなたがそうするなら

position: absolute;
margin-right: auto;
margin-left: auto;

すでに持っている幅で、中央に配置する必要があります。それで

bottom: 0;

画面の一番下に配置する必要があります。leftその後、、、rightを取り除くことができますmargin-top。

[編集] 完成品は次のようになります

position: absolute;  
width: 900px;
height: 70px;
background-color: #0CF;
margin-left: auto;
margin-right: auto;
bottom: 0;
于 2013-05-15T16:17:24.140 に答える