CSS Noob真的可以使用一些熟练的帮助来进行布局和定位

Question

  

可能重复：
  Stacking Divs with CSS

我有点新的CSS多年来一直在为我的html使用表格，我试图找出如何嵌套div或将它们堆叠在3列布局的内容部分中。我只是做一个新的TR，但如果我将另一个div浮动到内容行中，它将与内容平行或垂直，而不是在它下面。还有另外一种方法可以做到这一点，还是我错过了Divs的观点？

  <div id="header">Header</div>
  <div id="leftcolumn">Left Column</div>
  <div id="content">Content</div>
  <div id="footer">Footer</div>

Answer 1

如果您在#content内嵌套内容并对其应用clear:both，则它会显示在#content内容的下方。

Answer 2

请参阅Opera Web Standards Curriculum中的以下文章：

• Floats and clearing
• CSS Static and relative positioning
• CSS Absolute and fixed positioning

Answer 3

要使浮动元素出现在另一个浮动元素下，请在该元素上设置clear: both;。

Answer 4

你最好在http://doctype.com/上问这个问题。

您需要使用{clear：left}规则清除浮动，或者只需移除浮动。阅读内联元素和块元素之间的区别以及如何使用display属性操作它们。