Question

如何控制DIV里的文字的位置.我想让文字在背景图左边距30px，显示文字

<div style=" width:960px; height:300px; backgroud:url("")" >此处显示文字</div>
如果想实现以上效果往往还需要再用一个div 加padding-left:30px固定，如果padding-left:30px写在第一个容器里，文字的位置是变了，但是第一个窗口的位置也变了。大家有没有好办法。

Answer 1

像这样无疑使可以做到你要的效果的
div{width:960px;height:300px;background:url(../../js/images/datu.jpg);color:#FFF; padding-left:30px;}
但是padding属于内边距，因此你要在width中减去增加的内边距的值，也就是width:930px;
试试吧。

Answer 2

定位 position：relative ；可以解决

Answer 3

你是不是说给第一个容器里加了padding-left他会把别的容器挤走，padding属于内间距写padding-left是应该在width里减去padding-left的值

Answer 4

我都是DIV背景图设置好后 里面插个<p>或者<span>标签 再设置DIV padding-left:30px;

Answer 5

background:url('') no-repeat;padding-left:30px; 就写在这个里面就好