Question

我有一个divs和css的问题，特别是浮动..我需要转换一个使用表和列和行重的页面，我的想法是为每列创建一个div但当然我需要浮动这些

漂浮的规则是什么？我应该向左离开每个Div直到我走到尽头然后我必须“清除”浮子？

在div上使用Width / Height是不错的做法其他我不能正确浮动它们？或者使用最小高度是否更好？

当然我的想法是将所有css内容移除到css外部样式表中，所以我认为我需要给每个div和ID，以便我可以为它分配一个浮动/样式...当然，如果它们是我可以分配一个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>

这是我为“桌子”设置样式的方式，它适用于所有浏览器。

Answer 2

这可能会有所帮助：

http://www.vordweb.co.uk/css/replacing-tables.htm

http://snook.ca/archives/html_and_css/getting_your_di

Answer 3

我遇到了div和css的问题，特别是浮动..我需要转换一个使用表格，列和行重的页面，我的想法是为每列创建一个div但当然我需要浮动这些

听起来不错。但要注意，如果要保持外观100％相同，将表格布局转换为CSS布局可能会很棘手。

漂浮的规则是什么？我应该向左离开每个Div直到我走到尽头然后我必须“清除”浮子？

让我举例说明：

<div style="float: left;">Column 1</div>
<div style="float: left;">Column 2</div>
<div>Column 3</div>
<div style="clear: left;">Stuff below the three columns</div>

在div上使用Width / Height是不错的做法其他我不能正确浮动它们？或者使用最小高度是否更好？

这取决于您是希望宽度/高度动态依赖于内容还是要修复它。 min-height在很多情况下都很有用，但我认为这个问题太笼统，无法回答。

当然我的想法是将所有css内容移除到css外部样式表中，所以我认为我需要给每个div和ID，以便我可以为它分配一个浮动/样式...当然，如果它们是我可以分配一个css类吗？

是

用浮点数替换表格列与DIV和CSS？

3 个答案: