gpt4 book ai didi

css - 我的 div 没有留在我的 div 容器内

转载 作者:可可西里 更新时间:2023-11-01 12:51:52 25 4
gpt4 key购买 nike

我有三个 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com