0

I'm wondering how I can keep a div at the bottom of a page. The problem I'm having is that the page height will change when clicking on expandable elements. How can I keep a div at the very bottom of the page with changing height?

I've tried the following without any luck:

Thanks!

I've tried making a div 100% height and then putting the bottom div like so, but that makes the bottom div stay in the exact same position

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; 
}

.bottom {
    position:relative;
    bottom:0;
}
Nazim Kerimbekov
  • 4,712
  • 8
  • 34
  • 58
GreenSaber
  • 1,118
  • 2
  • 26
  • 53
  • You should try updating your question with a bare minimum example of what you have tried in order to duplicate the problem. [mcve] – imvain2 May 29 '19 at 18:41
  • 1
    @GreenSaber: What have you tried so far ? Provide reproducible example (fiddle/codepen) if any. – Ismail Vittal May 29 '19 at 18:45
  • Put your code so I or anyone can identify where is the problem inside the code. so attach HTML, CSS file with a question. Without that no one can help you. – Manthan Patel May 29 '19 at 18:45
  • Show the page URL or the part of code with the divs – Bman70 May 29 '19 at 18:45
  • and what is it supposed to scroll once the content exceed 100% of the window's height ? body , wrapper or is the footer meant to be in sight and the content be the scrolling element ? Clarify your question if the duplicate does not meet your issue. – G-Cyrillus May 29 '19 at 19:05

0 Answers0