先解释一下padding跟margin的作用 比方说有个东西原来长这样 ┌─────────┐ │OOO │ └─────────┘ padding的作用在於增加空白 所以当你对他设定padding-left: 10px;的时候会变成这样： ┌──────────┐ │ OOO │←跟原本的比起来也变宽10px └──────────┘ ↑因为多了10px，导致OOO会往右移动 ------------------------------------------------------- 但如果是要移动整个区块就要改用margin 所以换成margin-left: 10px;的时候就会变成这样： 　┌─────────┐ 　│OOO │←整体区块的宽度也不会增加 　└─────────┘ ↑距离左边有10px远 ------------------------------------------------------- 也就是说根据你原来的设定 只是让#links加长了860px，而不是让整个#links往下移动！ 所以已经跟#links融为一体的背景图当然也就不会跟着动罗～ 解决方式是请你先根据测栏中的背景图高度去更改padding值 再增加margin值让整个#links往下挪即可 ※ 引述《ych1022 (玄米)》之铭言： : 我的无名 : http://www.wretch.cc/blog/ych1022 : 目前问题是"右侧栏位"的"上方图片" : 及网页中的扭蛋机 : 我无法让他跟右侧栏位一起往下移动 : CSS如下 : #links{ : float:right; : background:url(http://网址) no-repeat left top; : width:210px; : overflow:hidden; : padding:860px 0px 0px 0px; : } : 把图片的 no-repear left top 改成 bottom : 图片就不知道跑去哪里了= = --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 114.27.35.246