Width 100% with white borders around it. WHy?

by

The body element has some margins by default. Unless you remove them, any element that you put inside, no matter it’s width (unless it’s in position absolute I think) will have some borders. They aren’t borders, but the gab in between the end of your element and the side of the body. Try this : 

body{
    margin: 0;
}

If that doesn’t work, then please show us an example of your code on JSBin, Codepen or similar (or even a live version if possible).

More Related Contents:

  1. How to layout images in 3 columns [closed]
  2. Image inside div has extra space below the image
  3. How do I auto-resize an image to fit a ‘div’ container?
  4. How to make a div fill a remaining horizontal space?
  5. Why does my image have space underneath?
  6. Change color of PNG image via CSS?
  7. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  8. Is there an equivalent to background-size: cover and contain for image elements?
  9. Changing image on hover with CSS/HTML
  10. How can I display just a portion of an image in HTML/CSS?
  11. How to hide image broken Icon using only CSS/HTML?
  12. Fullscreen responsive background image in CSS
  13. How can I fill a div with an image while keeping it proportional?
  14. Protect image download
  15. How to make in CSS an overlay over an image?
  16. How to get a background image to print using css?
  17. Center image element in parent div
  18. CSS Background image not loading
  19. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  20. How to replace color of PNG image using CSS? [duplicate]
  21. How to center a (background) image within a div?
  22. resizes wrong; appears to have unremovable `min-width: min-content`
  23. How to “crop” a rectangular image into a square with CSS?
  24. Responsive image align center bootstrap 3
  25. CSS align images and text on same line
  26. CSS Border on PNG image with transparent parts
  27. Make Bootstrap’s Carousel both center AND responsive?
  28. Why use a sprite sheet rather than individual images?
  29. Use the HTML tag as a background image instead of the CSS background-image property?
  30. How to center image in a div horizontally and vertically

Leave a Comment