作者b0339576 (<( ̄︶ ̄)>)
看板Blog
标题Re: [无名] 调整图片位置?
时间Wed Sep 28 16:55:57 2011
先解释一下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
1F:推 ych1022:*_* 一语惊醒梦中人!!感谢~ 09/28 18:55