Css div外绝对定位

我有

添加顶部属性

这是我尝试过的，你必须像你的图像的

-宽度那样向左设置

<div id="content" style='position:relative; overflow:auto;'><img id="d"/></div>


#d{
位置：绝对位置；
左：-50px；//图像的宽度
排名：0；
}

添加顶部属性

这是我尝试过的，你必须像你的图像的
-宽度那样向左设置

<div id="content" style='position:relative; overflow:auto;'><img id="d"/></div>


#d{
位置：绝对位置；
左：-50px；//图像的宽度
排名：0；
}

添加顶部属性

这是我尝试过的，你必须像你的图像的
-宽度那样向左设置

<div id="content" style='position:relative; overflow:auto;'><img id="d"/></div>


#d{
位置：绝对位置；
左：-50px；//图像的宽度
排名：0；
}

添加顶部属性

这是我尝试过的，你必须像你的图像的
-宽度那样向左设置

<div id="content" style='position:relative; overflow:auto;'><img id="d"/></div>


#d{
位置：绝对位置；
左：-50px；//图像的宽度
排名：0；
}

如果元素应该放在外部，那么它应该放在外部-让我们尽量避免负边距，等等

试着给你的元素设置一个
top
——相对和绝对定位必须有垂直（上/下）和水平（左/右）设置。
元素应该放在外面，如果它应该在外面——让我们尽量避免负边距，等等

试着给你的元素设置一个
top
——相对和绝对定位必须有垂直（上/下）和水平（左/右）设置。
元素应该放在外面，如果它应该在外面——让我们尽量避免负边距，等等

试着给你的元素设置一个
top
——相对和绝对定位必须有垂直（上/下）和水平（左/右）设置。
元素应该放在外面，如果它应该在外面——让我们尽量避免负边距，等等

尝试将
top
设置为元素-相对和绝对定位必须同时具有垂直（上/下）和水平（左/右）设置。
小代码-小提琴

小代码小提琴

小代码小提琴

小代码小提琴

如果要将绝对定位元素放置在父元素之外，则可以将left as-ve值设置为
left:-35px和父容器的
左边距
的类似+ve值

你可以试试这个CSS

<div class="mainDIV">
    <div class="miniMe"></div>
</div>

加价

.mainDIV {
    position:relative;
    left:20px; { or to make a space for element - margin-left:20px; }
    top:20px;
    width:300px;
    height:300px;
    background:blue;
}
.miniMe {
    position:absolute;
    top:0px;
    left:-10px;
    width:10px;
    height:10px;
    background:red;
}



如果要将绝对定位元素放置在父元素之外，则可以设置left as-ve值，如
left:-35px和父容器的
左边距
的类似+ve值

你可以试试这个CSS

<div class="mainDIV">
    <div class="miniMe"></div>
</div>

加价

.mainDIV {
    position:relative;
    left:20px; { or to make a space for element - margin-left:20px; }
    top:20px;
    width:300px;
    height:300px;
    background:blue;
}
.miniMe {
    position:absolute;
    top:0px;
    left:-10px;
    width:10px;
    height:10px;
    background:red;
}



如果要将绝对定位元素放置在父元素之外，则可以设置left as-ve值，如
left:-35px和父容器的
左边距
的类似+ve值

你可以试试这个CSS

<div class="mainDIV">
    <div class="miniMe"></div>
</div>

加价

.mainDIV {
    position:relative;
    left:20px; { or to make a space for element - margin-left:20px; }
    top:20px;
    width:300px;
    height:300px;
    background:blue;
}
.miniMe {
    position:absolute;
    top:0px;
    left:-10px;
    width:10px;
    height:10px;
    background:red;
}



如果要将绝对定位元素放置在父元素之外，则可以设置left as-ve值，如
left:-35px和父容器的
左边距
的类似+ve值

你可以试试这个CSS

<div class="mainDIV">
    <div class="miniMe"></div>
</div>

加价

.mainDIV {
    position:relative;
    left:20px; { or to make a space for element - margin-left:20px; }
    top:20px;
    width:300px;
    height:300px;
    background:blue;
}
.miniMe {
    position:absolute;
    top:0px;
    left:-10px;
    width:10px;
    height:10px;
    background:red;
}



当你想把
#d
放在HTML的
#content
之外时，为什么
#d
在HTML中呢？我不能用另一个div来包装这两个，因为内容占据了正文的100%宽度。把它当作小提琴来贴，如果它占据正文的100%，我们会很容易帮上忙，你怎么能看到位于它之外的东西？为什么当你想把它放在外面的时候，HTML中的
#d
就在
#content
之内？我不能用另一个div来包装这两个，因为内容占据了身体宽度的100%，把它作为一把小提琴贴出来，如果它占据了身体宽度的100%，我们会很容易得到帮助，你怎么能看到位于它之外的东西？为什么当你想把它放在外面的时候，HTML中的
#d
就在
#content
之内？我不能用另一个div来包装这两个，因为内容占据了身体宽度的100%，把它作为一把小提琴贴出来，如果它占据了身体宽度的100%，我们会很容易得到帮助，你怎么能看到位于它之外的东西？为什么当你想把它放在外面的时候，HTML中的
#d
就在
#content
之内？我不能用另一个div来包装这两个，因为内容占据了身体宽度的100%，把它作为一把小提琴贴出来，如果它占据了身体宽度的100%，我们会很容易得到帮助，你将如何看到位于它之外的东西？你现在得到的结果是什么@你为什么使用
z-index:999？在OP的示例中，不知道他想要的是哪种用法，但我可以删除它不必要@kevpoccsSoory对于我的问题，我没有看到这一行^^您现在的结果是什么@你为什么使用
z-index:999？在OP的示例中，不知道他想要的是哪种用法，但我可以删除它不必要@kevpoccsSoory对于我的问题，我没有看到这一行^^您现在的结果是什么@你为什么使用
z-index:999？在OP的示例中，不知道他想要的是哪种用法，但我可以删除它不必要@kevpoccsSoory对于我的问题，我没有看到这一行^^您现在的结果是什么@你为什么使用
z-index:999？在OP的例子中，我不知道他想要的是哪种用法，但我可以删除它@kevpoccsSoory对我的问题来说没有必要我没有看到这行^^这很好，但我真的不想推开整个
#内容
div。谢谢，但如果你不想推开，那么你想把它放在哪里