作者b0339576 (静)
看板Blog
标题Re: [Blogger] sidebar掉到最下面
时间Wed Oct 7 22:38:12 2009
你的
#outer-wrapper只有850
文章区块+侧栏已经用掉750
剩下的100px呢
其中50px给了文章区块的margin (左右各25px)
另外的50px给了侧栏的margin (同上)
就用光了
所以增加margin之後就掉下去啦~~~
请直接加大
#outer-wrapper再来动margin罗
其实也不用都由margin来控制边界距离
padding的补白作用也可以有类似的效果
※ 引述《lockes (少女爱情丸子串。)》之铭言：
: http://lux-test.blogspot.com/
: 这是我blog的版型 (现在这是正常状况)
: 左边主要资讯列和右边的sidebar之间明明还有蛮大的差距
: 但是我只要再左右两边多加一点宽度,
: 不过左右增加的宽度都还小於两列中间的宽度
: 可是sidebar整列就会被挤到最下面
: 以下是我这是我设定的数值...
: 有高手能帮我看看问题出在哪吗?
: /* Outer-Wrapper
: ----------------------------------------------- */
: #outer-wrapper {
: width: 850px;
: margin:0 auto;
: padding:0px;
: text-align:$startSide;
: font: $bodyfont;
: }
: #main-wrapper {
: width: 500px;
: margin: 25px; <--我想设定30px,但sidebar就被挤到下方去了
: float: left;
: word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
: overflow: hidden; /* fix for long non-text content breaking IE sidebar
: float */
: }
: #sidebar-wrapper {
: width: 250px;
: margin: 25px; <--我想设定30px,但sidebar就被挤到下方去了
: float: right;
: word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
: overflow: hidden; /* fix for long non-text content breaking IE sidebar
: float */
: }
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.27.144.194
※ 编辑: b0339576 来自: 114.27.144.194 (10/07 22:40)
※ 编辑: b0339576 来自: 114.27.144.194 (10/07 22:41)
※ 编辑: b0339576 来自: 114.27.144.194 (10/07 22:43)
1F：推 lockes:padding的作用好像跟margin一样都是影响左右侧 10/08 01:08
2F：→ lockes:我一开始设想的是main和sidebar之间的距离能缩小，不过看似 10/08 01:09
3F：→ lockes:都会受到两边留白的宽度影响 10/08 01:10
4F：→ b0339576:padding跟margin是很像 但还是有差别喔~~ 10/08 02:12
5F：→ b0339576:padding是增加宽高让内容看似往内缩 margin则是减掉宽高 10/08 02:14
6F：→ b0339576:所以padding才会叫做补白 10/08 02:15
7F：→ b0339576:我个人的习惯是调整文字边界就用padding 10/08 02:16
8F：→ b0339576:调整区块边界就用margin 10/08 02:16
9F：推 weihsi:B大推文太可惜了 ^^ 10/09 12:30