帶固定邊角的3x3表格

Question

我想在這種情況下製作一個3x3表格（使用CSS），使角落固定在尺寸上，並根據內部的「單元格」使表格的其餘部分伸展。使用經典桌面可能會花費我不超過10分鐘，但因爲我以前遇到過桌面問題*咳嗽*咳嗽IE *咳嗽我決定嘗試使用div -s和span-但由於某種原因，它只是不能正確顯示。

我可以提供一些提示嗎？

Answer 1

我不知道我是對的瞭解您的問題，但我認爲你只是尋找<div> s的33％的寬度，以每三後結算<br />（或者你可以保持各行中它自己的包含分區）：

CSS：

.col { 
    float: left; 
    width: 33%; 
    } 

    /* color columns for clarity */ 
    .odd { 
    background-color: #999; 
    } 

    .even { 
    background-color: #666; 
    } 

HTML：

<div class="col odd">1</div> 
<div class="col even">2</div> 
<div class="col odd">3</div> 
<br style="clear: both;" /> 
<div class="col even">4</div> 
<div class="col odd">5</div> 
<div class="col even">6</div> 
<br style="clear: both;" /> 
<div class="col odd">7</div> 
<div class="col even">8</div> 
<div class="col odd">9</div> 

是個你在找什麼？