如何在CSS中定位许多DIV

Question

我经历了一个关于W3Schooles的长篇教程来学习CSS; 我学到了一些基础知识,但仍然错过了我的主要目标:定位DIV

这就是我想要做的

*---------*---------*
*         *         *
*         *         *
*---------*---------*

我的目标很简单,平凡一些,但我有头痛这样做的正确的方式,其实我做到了,但它有很多问题,当我添加更多的文字的DIV或者他们只是与其他的DIV合并

我所做的就是使用FireBug简单地使用边距和填充值.我现在需要的只是向我学习这个简单的(我希望)技巧,我缺少的是:这个简单的定位如何工作？我应该使用绝对的相对定位吗？更改边距,填充,大小??

如果你有一个很好的教程解释这一点,那么请指出它.我还有其他令人头疼的问题在Google上寻找.

Answer 1

看起来你正试图将两列彼此相邻.这很简单,在这里深入介绍:

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

我倾向于远离职位属性,除非我必须覆盖一些元素.

Answer 2

在CSS中创建2列布局

就个人而言,我不喜欢使用明确的:两者都在br标签上.

请在父div上使用overflow:auto

<div class="container" style="overflow: auto">
    <div style="width:300px;float:left"><p>left column</p></div>
    <div style="width:300px;float:left"><p>right column</p></div>
</div>