Css 关于HTML网页构建中div的问题

每当我创建自己的个人网页时，我总是遇到使用div创建多列布局的问题。我使用float属性将它们向左或向右对齐，但是当我使浏览器窗口更薄时，列会重新调整其中一列低于另一列的位置，而其他事情会影响对齐。我希望专栏像其他网站一样保持不变

---

最好的方法是什么？

您可以使用

minwidth

CSS命令指定页面的最小宽度。请参见示例。

您可以指定列div容器的宽度。

为什么要重新发明控制盘？有很多网站提供免费的模板，完全符合你的目标。查看其中一些：

---

希望这些能帮到你

您可以使用，并使其在IE6中工作，只需为元素设置一个显式宽度。这将使他们免疫任何调整大小

div.clear  { clear:both; }
#container { width:640px; }
  #nav     { float:left; width:200px; }
  #content { float:left: width:440px; } 

<div id="container">
  <div id="nav">
    <p>Hello World</p>
  </div>
  <div id="content">
    <p>Hello World</p>
  </div>
  <div class="clear"></div>
</div>

div.clear{clear:both；}
#容器{宽度：640px；}
#导航{浮动：左；宽度：200px；}
#内容{浮点：左：宽度：440px；}
你好，世界

你好，世界

我可能会因此而被遗忘，但在IE6从地球上消失之前，使用表格进行多列布局确实是最安全、最简单的方法。当然，这不是一种“正确”的方式，但在这种情况下，正确的方式所带来的回报是如此之小，以至于你最好干脆坐在桌子上，继续做更重要的事情

---

别误会我；我喜欢CSS。我只是认为多列布局的实用选择仍然是表格。您将花更少的时间与浏览器抗争，并有更多的时间专注于真正有利于网站消费者的事情。

有几种可能的解释：

1） 如果流体容器具有固定宽度的列，则容器将调整大小，列将不再适合。您可以向容器添加一个设置的宽度，也可以使列为流体（基于%）。如果您使用Nicole Sullivan的方法，您甚至可以将其中一根柱子变成流体：

2） 如果您已经在使用完全流动的方法，但使用IE6/7查看它，您可能会遇到某些大小的亚像素舍入错误。妮可的方法也解决了这个问题

---

你不需要表格，只需要一点数学知识。

解决方案不是什么都使用

浮点运算。当然，你可以购买一个模板并“外包”这个问题，但通常网页的栏式布局是通过结合使用页边距和位置（包括负值）来实现的。
当然，也可以是表，但在使用它们时要小心HTML的语义价值丢失（例如，屏幕阅读器和线性解析器会被混淆）。
是的，最简单的解决方案可能是最健壮的。如果你知道自己在做什么，IE6真的不是很难争论。但是学习多写几行代码肯定比放弃要难，这取决于你的目标。我想我倾向于从商业角度来写作。我曾经尝试编写完美的基于CSS的网站，然后我意识到，要获得与3列表完全相同的行为，我要浪费多少时间。除非有一个很好的商业理由来避免使用表格，现在我只是使用它并原谅我自己。我没有重新调整大小的问题，而是在div移动的地方，布局在自我调整。