Home/ Questions/Q 6876089
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T04:26:04+00:00

I’m trying to place a image under certain div tag , but when there’s

  • 0

I’m trying to place a image under certain div tag , but when there’s no text , it won’t show at all , so how can i force the div show the whole size of image background ?

  <html>
    <head>
        <title> This is an demo </title>
        <style>
            .board {
                background: url('1.jpg') no-repeat;
                float: left;
            }
        </style>
    </head>
    <body>
        <div class="outer">
            <div class="board">Pic</div>
            <div class="board">Pic</div>
            <div class="board">Pic</div>
            <div class="board">Pic</div>
        </div>
    </body>
</html>

I tried background-size , it doesn’t work at all (cover / contain)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to fix the dimensions of the <div> with respect to the size of the image. Otherwise it wont show.

    Something similar to this

    .board { 
    min-width: 300px;
    min-height: 400px;
    display: block;
}


    Notes:

    • if possible avoid the use of min-height or min-width. Use height & width instead
    • 0