Footer membuat masalah bilah gulir vertikal

Saya telah berhasil membuat Footer saya berada di bagian bawah halaman saya, tetapi untuk beberapa alasan hal itu telah menciptakan Bilah Gulir Vertikal di halaman saya yang saya tidak ingin hal itu terjadi.

Ini adalah tata letak halaman saya saat ini (HTML):

<div class="wrapper">
    <div class="Header">
    </div>

    <div class="Main">
    </div>

    <div class="Footer">
    </div>
</div>

Dan inilah CSS yang menyertainya:

.wrapper
{
    position: relative;
    min-height: 100%;
}

.Header
{
    height: 83px;
    border: 0;
}

.Main
{
    padding-bottom: 100px;
}


.Footer
{
    background: #6a3d98; 
    position: absolute;
    bottom: 0px;
    height: 55px;
    width: 100%;
}

Berikut ini gambaran kecil tentang apa yang terjadi:

http://i.stack.imgur.com/Kgams.jpg ( Harus memposting tautan karena saya tidak boleh mengunggah foto)

Saya ingin Footer menempel di bagian bawah halaman tetapi tidak membuat bilah gulir. Jika ada yang tahu cara melakukan ini silakan beri komentar, Terima kasih.


html css asp.net footer
person EliotE123    schedule 12.05.2014    source sumber
comment
@Godninall Terima kasih atas jawabannya, saya rasa saya sudah mencobanya. Di bagian manakah hal itu akan terjadi?   -  person EliotE123    schedule 12.05.2014
comment
itu akan menjadi pembungkus orang tuamu.   -  person Godinall    schedule 12.05.2014
comment
@Godinall Terima kasih, itu bekerja dengan sempurna.   -  person EliotE123    schedule 12.05.2014
comment
dengan senang hati. Selamat membuat kode.   -  person Godinall    schedule 12.05.2014

Jawaban (1)


arrow_upward
2
arrow_downward

Tambahkan overflow:hidden pada elemen wrapper.

person Lieven Vandeperre    schedule 12.05.2014