为什么margin和padding会影响背景图片的位置?

CSS问题,我设定了一个div,比方说div大小是200*200,我给这个div设定的背景图片大小也用200*200,然后在这个div里面新建一个div,输入一些文本,目的就是要达到这个div中有图片,然后图片中特定位置加一段文字的效果,可是问题就是我给文本的这个div设定margin值,刚刚设定的背景图片也会一起移动,如果不设margin,我给放图片的div设padding,背景图片还是会一起动,谁知道这是为什么啊?真的困扰我很久了
知道啊,我想达到的效果就是div里面的文字在特定位置(通过padding),跟背景无关啊,但是每次背景都会受我设的padding值得影响,这样还算什么背景啊,背景我没设position什么的,就是简简单单的background-image=什么什么,其他都是默认~~~

不过现在我解决了这个问题了,就是在那段文字前面加一个 (就是代表空格的那个,不知道拼的对不对),这样设的padding就正常了,貌似不这样的话就不行。。。

哎。。。CSS就是这样。。。

不过还是谢谢

你给背景图片定位了嘛?padding是里面文字和div的距离呢 背景图片是div的背景 位置不受影响的呢 除非你给他定位了。。。那么就受影响了
margin是div和外面容器的距离呢 设置这个的话 背景图片应该不受影响。。
温馨提示:内容为网友见解,仅供参考
无其他回答

为什么margin和padding会影响背景图片的位置?
margin是div和外面容器的距离呢 设置这个的话 背景图片应该不受影响。。

在设计网页时,在一个固定位置加了图片,传上后偏了位置
回答:一般这个问题大多有两种可能 1、padding和margin没注意兼容性,有些元素使用这个很容易不兼容其他浏览器 2、尺寸有微差。有时候1像素的差别在高级浏览器里会忽略,但是在某些浏览器里就会很严格,所以就会出现跑位、

padding与margin的区别?
2. 应用范围不同 Padding 作用于元素内容,改变元素的内部尺寸。因此,如果对元素应用了 padding,其总的宽度和高度会相应增加。Margin 作用于元素外边框,不会影响元素的内部尺寸。它只是增加了元素与相邻元素之间的空间,而不会改变元素本身的尺寸。3. 对页面布局的影响不同 Padding 增加的内部空间可能...

HTML问题:为什么img标签对中margin和padding设置效果会完全一样?还有段...
padding 能很好的控制元素内部内容的位置(例如,图片四周的留白,文字在容器内的页边距)margin 能很好的控制元素之间的位置(例如,2个li之间空一些距离)修改padding,在box-sizing为border-box的情况下,不会影响其他元素的位置 修改margin,不会对元素本身内容的位置造成影响 通常来说,大多数html元素均...

margin 和padding区别
margin和border影响都是对外的,就是说,在里面的表不会因为这两个值改变而改变。padding影响是对内的,会影响在其定义的表内部的表。一、margin是和border的距离;二、content距离最外层的div都是1px。如果margin为1,border为1,那么content距离margin还是1PX,因为border是会在原来大小上向外加上的。(...

padding与margin的区别?
Padding会增加元素的面积,从而可能影响到页面布局的整体观感或响应式效果。Margin更多的是影响元素与元素之间的距离和相对位置关系,它在布局调整时更多地用于控制元素的排列和间距。因此,在设计布局时,选择使用padding还是margin要根据实际需求而定。通过了解它们的这些特性,我们可以更有效地利用它们来优化...

margin和padding属性的区别
margin和padding属性的主要区别在于其应用范围和目的。margin属性:1. 外部间距:margin属性用于设置元素外部的空间,即元素与其他元素之间的距离。2. 边框外部:这个空间是在元素的边框外部,即边框与相邻元素之间的空间。3. 控制元素位置:通过调整margin,可以调整元素在页面上的位置,如使元素彼此远离或...

margin和padding
我们可以发现,Chrome在审核元素时会自动将对应部位改变颜色,在右侧鼠标放在对应的位置时,左侧的元素也会实时响应出对应位置,如图所示,在element、padding、border时显示均正常,margin时上、左、下三个方向也没有问题,唯独右侧会比我设置的margin要大得多( margin:20px ),这是因为块级元素独占一行的特性,让他在自己...

为什么用padding可以增加链接的点击范围,而margin却不行?
因为padding是内边距,也就是容器内容距离容器边框的位置,增加了padding,那容器“肚子”扩大了,这个点击的范围不就变大了吗?而如果你修改的是margin的值,margin是外边距,是自身容器与别的容器的边距,所以只是会影响当前容器的位置,更靠近或更远离。padding控制自己扩张更大还是缩得更小。所以才会...

margin和padding属性的区别
padding,即内边距,用于设定元素内容与边框之间的空间。一个声明可以控制内边距的总体宽度或各边的特定值。对于行内非替换元素,其上设置的内边距不会影响行高计算,可能导致视觉上的内容重叠。元素的背景会延伸到内边距区域,但内边距值不允许为负数。总结来说,margin和padding都是影响元素布局的重要属性...

相似回答