html/css empty space at bottom of the website

by

In your CSS class .box is margin-top:30px or height:100%. This is what makes white space at the bottom of your website

box {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    height: 100%; **//Set it to "auto"
    margin-top: 30px; **//or this one, change it to 0px or remove**
    overflow: hidden;
    width: 100%;
}

More Related Contents:

  1. How can i achieve this style in Html/Css?
  2. Chrome: Automatic shift of web elements
  3. Need Complex Layout
  4. CSS BUTTON WITH ICON [closed]
  5. Fluid width with equally spaced DIVs
  6. Render a string in HTML and preserve spaces and linebreaks
  7. How do I position one image on top of another in HTML?
  8. How to make a div 100% height of the browser window
  9. Using :before and :after CSS selector to insert HTML [duplicate]
  10. Prevent “overscrolling” of web page
  11. Styling an anchor tag to look like a submit button
  12. Hide html horizontal but not vertical scrollbar
  13. Different CSS for each browser?
  14. Why is there vertical scroll on the main container?
  15. CSS: image link, change on hover
  16. Scrolling to an Anchor using Transition/CSS3
  17. Can a ::before selector be used with a ?
  18. How to make a stable two column layout in HTML/CSS
  19. CSS data attribute new line character & pseudo-element content value
  20. CSS grid wrapping
  21. How can I create a row-based masonry layout using CSS?
  22. Selecting the last element among various nested containers
  23. Why using absolute position causes the div to be on top?
  24. Why is translateY(-50%) needed to center an element which is at top: 50%?
  25. Element with “display: inline-flex” has a strange top margin
  26. How to flatten nested divs to display them in a CSS grid?
  27. Why would Google use a font tag?
  28. Styling the “ element in CSS?
  29. inline-block element with no text renders differently
  30. Sizing flex items on the last row

Leave a Comment