css - 使用 float 用 DIV 和 CSS 替换表列？

Question

我可能在使用 div 和 css，尤其是 float 时遇到问题。我需要转换大量使用表格、列和行的页面，我的想法是为每一列创建一个 div，但我当然需要 float 这些。

float 的规则是什么？我应该向左浮动每个 Div 直到结束，然后我必须“清除” float ？

在 div 上使用宽度/高度是否是一种好习惯，我不能正确地 float 它们？还是使用 min-height 更好？

当然，我的想法是将所有 css 内容删除到 css 外部样式表中，所以我想我需要给每个 div 和 ID，以便我可以为其分配一个 float /样式...或者当然，如果它们是尽管如此，我可以分配一个 css 类吗？

非常感谢任何帮助

谢谢

Answer 1

<div id="mytable">
    <div class="left"></div>
    <div class="right"></div>
    <div class="clearer"></div>
</div>

<style>
   .left,.right {
      float:left;
      width:100px;
   }
   .clearer {
     clear:both;
     height:0;
   }
</style>

这是我设计“表格”的方式，它适用于所有浏览器。