Question

我想做以下事情：

http://s8.postimage.org/k82svi22r/example.gif

只有div，css。它可以漂浮离开细胞，但我坚持间距。我试图使用边框，但接着彼此的div成为2行。或者标题的颜色超过边界......我希望这是一个简单的方法！

Answer 1

有一种简单的方法，一张桌子。日历是表格数据的表格，因此可以使用一个！

Answer 2

试试这个（这是草稿）

  <html>
  <head>
    <style>
      #root{
        width:102px;
        overflow: auto;
        border-top : 1px solid black;
        border-right: 1px solid black;
      }
      .cell {
        width:50px;
        height: 50px;
        float:left;
        border-left: 1px solid black;
        border-bottom:1px solid black;
      }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
    </div>
  </body>
</html>

在div旁边填充，如表格的cellspacing

2 个答案: