Html 用CSS定位div

我有两个div在里面。内部DIV包含一个图像。我试图在右上角的图像上添加一个浮动文本。我不知道如何使文本使用内部DIV的位置而不是外部DIV的位置

这是我到目前为止得到的

CSS:

HTML:

---

我得到了期望的结果，但这感觉像是一种解决方法，而不是一种解决方案。

您有这种行为，因为

.outer

比图像宽，然后，

.intre

也比图像宽。

h2

的位置与

.inner

相关，然后向右移动

如果您将

.outer

设置为640px宽度（如图所示），则会得到最大值

设置

边距：0 20px打开
。内部

如果您想要图像，可以在这两种情况下设置
h2{margin:0；}
。
您有这种行为，因为
.outer
比图像宽，然后，
.inner
也比图像宽。
h2
的位置与
.inner
相关，然后向右移动

如果您将
.outer
设置为640px宽度（如图所示），则会得到最大值

设置
边距：0 20px打开
。内部

如果你想得到图像，你可以在这两种情况下设置
h2{margin:0；}
。
这很简单

检查这个

用于h2

 h2 
{ 
position: absolute; 
top: 5px; 
right: 20px; 
margin:0;
}

这很简单

检查这个

用于h2

 h2 
{ 
position: absolute; 
top: 5px; 
right: 20px; 
margin:0;
}

h2 { 
   position: absolute; 
   top: 20px; 
   right: -20px; 
}

.outer {
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
margin: 0 auto;
padding:20px 0px;
position: relative;
width: 680px;
text-align: center;
margin-bottom: 20px;
}

 h2 
{ 
position: absolute; 
top: 5px; 
right: 20px; 
margin:0;
}