title: Enlarge div automatically , just to fit for the image background automatically
body: <p>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 ?</p>
  
  <pre><code>  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; This is an demo &lt;/title&gt;
          &lt;style&gt;
              .board {
                  background: url('1.jpg') no-repeat;
                  float: left;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="outer"&gt;
              &lt;div class="board"&gt;Pic&lt;/div&gt;
              &lt;div class="board"&gt;Pic&lt;/div&gt;
              &lt;div class="board"&gt;Pic&lt;/div&gt;
              &lt;div class="board"&gt;Pic&lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I tried background-size , it doesn't work at all (cover / contain)</p>