divを3x3相当divに分割する方法は？

Question

今私は解決する課題があります。 1 divを3x3 DIVSにパーセントでのみ分割し、ブートストラップとフレックスモデルなしで分けてください。おかげですべてのブラウザで

Answer 1

作品：

*{box-sizing:border-box; -webkit-box-sizing:border-box;} 
 
html, body{height:100%; margin:0;} 
 

 
.table{ 
 
    display:table; 
 
    table-layout:fixed; 
 
    border-collapse: collapse; 
 
    background:#eee; 
 
    width:100%; 
 
    height:100%; 
 
} 
 
.row{ display: table-row; } 
 
.cell{ display: table-cell; }

<div class="table"> 
 
    <div class="row"> 
 
    <div class="cell">1</div> 
 
    <div class="cell">2</div> 
 
    <div class="cell">3</div> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="cell">4</div> 
 
    <div class="cell">5</div> 
 
    <div class="cell">6</div> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="cell">7</div> 
 
    <div class="cell">8</div> 
 
    <div class="cell">9</div> 
 
    </div> 
 
</div>