固定一個div來第二個div右上角用CSS

我有以下的div固定一個div來第二個div右上角用CSS

<div id="outer"><img src="myimgpath"><div id="name">Username</div></div>

如何解決內部的div到外div的右上角的？

來源

2010-06-02 Web Worm

嘗試是這樣的：

#outer{position:relative;overflow:hidden;height:100px;} 
#name{position:absolute;right:0;}

來源

2010-06-02 20:06:16 edl

這似乎根本不起作用。在Firefox中，「用戶名」不可見。在Chrome中，「用戶名」在第一次呈現時出現，而不是錨定在圖片的右上方，並在您調整頁面大小後立即消失。 [（這裏是一個小提琴）]（http://jsfiddle.net/FourOhs/ynj5n2ys/）絕對定位是絕對的，而不是相對於它的容器。 – JMD 2015-06-30 20:43:13

@JMD圖像所包含的div是塊級元素。圖像本身具有固定的寬度。絕對定位是相對於其最近的「相對」容器。 [這是一個小提琴]（http://jsfiddle.net/s0ykbzb7/） – edl 2015-07-01 20:36:29

添加float:right;到內部的div

來源

2010-06-02 20:00:15

這也將正常工作。 – edl 2010-06-02 20:07:42

<div id="outer" style="position:relative"> 
    <img src="myimgpath"> 
    <div id="name" style="position:absolute; top:0px; right:0px;">Username</div> 
</div>

來源

2010-06-02 20:06:10

絕對定位是絕對的。 OP希望它相對於#outer div。 – JMD 2015-06-30 20:46:06

固定一個div來第二個div右上角用CSS

回答

相關問題