Here is this: enter image description here

It turns out at the big picture 66.666% ,
In small 33.333% .

  • See how it's done where you saw it - in the source code of the page. You can save pages to yourself and view them as information. It depends on what you can do in your own way. - And

1 answer 1

 div.container { width: 800px; margin: 0 auto; } div.container div.item { width: 33.33%; height: 150px; float: left; background-color: #999; box-sizing: border-box; border: #FFF 1px solid; } div.container div.item:first-child { width: 66.66%; height: 300px; } 
 <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> <div class="item">7</div> <div class="item">8</div> <div class="item">9</div> </div>