为什么在css里面设置了一样的位置 显示效果却不一样

Question

代码 如下
body {
padding:10px 5px 15px 20px;
color: #9c5959;
}
img {
padding:10px 5px 15px 20px;
}

为什么body的文字 在img的隔壁 而不是同一位置

Answer 1

padding不是用来设置位置的，是用来设置填充的！！！
用到如上样式中的意思是文字距离body的边界的距离是" 10px 5px 15px 20px; "
padding是不能重叠的，z轴如果没有特别定义的话。
位置是这样设置的：
<div id="img"></div>
#img{
position:absolute;
top:10px;
left:20px;
}

追问

但是怎么设置文字在图片前面 就是文字不会被图片覆盖。但是文字也显示的出来

追答

以层img为例：
将图片设置为背景图片，在层内输出文字就可以了。

Answer 2

没看到你的源码，只能说
body包含着img，想叫他们在同一个位置好像太难

Answer 3

什么意思？就应该是文字在img的旁边，如果在同一位置，是要文字在img上面，图片要做文字的背景图片

追问

对对 要怎么用图片做文字的背景图

Answer 4

img不要设置
你这样的效果实际img的padding相当于20px 10px 30px 40px了