2017-02-22 4 views
0

自分のサイトを作成しました。そのフッタは水平方向にスクロール可能ですが、そうしてはいけません。それはウェブサイトの他の部分よりも広いです。フッターのフッターは水平方向にスクロールできますが、それはありません。

HTML:フッターの

<div class="footer">Atomdev.tk &copy; 2017</div> 

CSS:ここ

.footer { 
    width:100%; 
    position: absolute; 
    overflow: hidden; 
    left: 0 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
    background-color: #222222; 
    padding: 30px; 
} 

は、このフッターと私のウェブサイトである:atomdev.tk

+0

'box-sizing:border-box; 'を追加しようとしました – Banzay

答えて

1

あなたがいずれかのことができます...

  • box-sizing: border-box;~.footer(デフォルトではボックスモデルは、要素の計算された幅に任意padding sおよびborder Sを追加する - box-sizing: border-boxが指定された幅内padding/borderの幅を維持する)

又は

  • 削除width(s)and add right: 0;
+0

これは機能しました!しかし今、私はフッタとブラウザの底の間に小さなスペースがあることに気付きました。 border:0を追加すると、それには、それはブラウザの底にくっついています。 –

関連する問題