gpt4 book ai didi

html - 在包含 DIV 的外部定位内部 DIV - 内部 DIV 大小未知 - 需要 CSS 解决方案

转载 作者:太空宇宙 更新时间:2023-11-04 04:03:41 27 4
gpt4 key购买 nike

如何在相对定位的 DIV 中定位绝对定位的 DIV,其中内部 DIV 应出现在外部 DIV 的左上侧。

我的问题是内部 DIV 的大小仍然未知。我希望内部 div 的整个宽度位于外部 DIV 之外的左上角,包括外部 DIV 可能具有的任何填充。

这是我想要实现的目标的示例:

enter image description here

这可能与 jQuery 相关,但我想要一个 CSS 解决方案。它只能在 webkit 浏览器上运行,因此不需要 Internet explorer 支持。谢谢

最佳答案

你只能用 css 来实现:

<div class="outer">
<div class="inner">
</div>
</div>

诀窍是应用 right: 100%;

.outer {
background: #333;
width: 100px;
height: 100px;
position: relative;
margin: 0 auto;
}

.inner {
position: absolute;
background: red;
width: 50px;
height: 50px;
top: 0;
right: 100%;
}

一个例子:http://jsfiddle.net/H7QAe/

关于html - 在包含 DIV 的外部定位内部 DIV - 内部 DIV 大小未知 - 需要 CSS 解决方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21663213/

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