所以，我有一个非常简单的div.我想有一个横幅，触及框的边缘没有填充，但我希望在框中的文本是填充的，而不是touch 边缘.我怎么能这样做呢？
Html:
<div class="mainoutline">
<img src="/PNG/banner3.png" width="100%">
<p>Dummy text</p>
</div>
Css:以下内容:
.mainoutline {
border: 1px solid #d30606;
background-color: #000000;
position: fixed;
width: 1080px;
height: 300px;
margin: auto;
padding: 10px;
}
您可以将父图像的margin设置为0，以便图像停留在边缘，然后将文本绝对定位到父图像:
.mainoutline {
border: 1px solid #d30606;
background-color: #000000;
position: fixed;
width: 1080px;
height: 300px;
margin: auto;
padding: 0;
}
p{
position:absolute;
color:white;
top:0;
left:20px;
}<div class="mainoutline">
<img src="/PNG/banner3.png" width="100%">
<p>Dummy text</p>
</div>