CSS定位到父角落

Question

如何定位div元素，使其显示在左上角，在父div的所有内容之上，但同时它的宽度不会超出其父级宽度？

感谢你

Answer 1

关于宽度，它取决于您拥有多少内容 - 您可以在元素上设置静态宽度吗？

关于定位，您需要设置

position:relative

在父级上

，然后添加：

position:absolute;
top:0;
left:0;

关于孩子。

Answer 2

我不确定......

如果您将此项目放在：

position: absolute; 
top: 0px;
left: 0px;

专利部门必须

overflow: hidden;

Answer 3

实时预览：http://jsfiddle.net/PA6JZ/

#parent { position: relative; }
#child { position: absolute; top: 0; left: 0; }

<div id="parent">
    <div id="child">Boom</div>
    <p>Text here</p>
</div>

Answer 4

我自己找到了一个解决方案。为了使子div显示在父div的右上角，我将其位置设置为绝对，将top和left设置为0.我通过使用jquery动态地将子宽度设置为父宽度来解决宽度问题。

注意：父元素的位置应该设置为relative，以便在firefox上使用。