我有三个 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的位置应该是“相对的”,而不是“相对的”。 其次,我认为你应该使用“相对”位置而不是“绝对”位置。
关于css - 我的 div 没有留在我的 div 容器内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11321117/