我的 div 没有留在我的 div 容器中答案

【问题标题】：My div doesn't stay inside my div container我的 div 没有留在我的 div 容器中
【发布时间】：2012-07-04 00:49:51
【问题描述】：

我有三个 div，我给它们绝对定位。但是，它们并没有留在我的容器 div 中。

代码如下：

<body >
    <div id="container">
        <div id="col1"> testing one</div>
        <div id="col2"> testing two</div>
        <div id="col3"> testing three</div>
        <br/><p/>ksjdlfkjsldkjfl;s

这是我的三个 div 和我的容器的 CSS：

div#container {
    position:reletive;
    border-spacing: 10px;
    margin: 100px 80px auto;
    padding: 0  100px10px;
    background-color: #EEEEEE;
    width: 800px;
     -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border: 1px solid;
}

div#col1{
    position:absolute;
    float: left;
    left:0;
    width:220px;
    background-color :red;
}

div#col2{
    position:absolute;
    float: left;
    left:220px;
    width:220px;
    background-color :yellow;
    padding: 10px auto ;
}

div#col3{
    position:absolute;
    float: left;
    left:500px;
    width:100px;
    background-color :green;
    padding: 10px auto;
}

【问题讨论】：

div#container.position 有拼写错误。位置：相对的；到位置：相对；

标签： css html containers

【解决方案1】：

我认为，首先，容器 div 的位置应该是“相对”，而不是“相对”。其次，我认为您应该使用“相对”位置而不是“绝对”位置。

【讨论】：

绝对和相对有什么区别？