作者lockes (少女愛情丸子串。)
看板Blog
標題[blogger] sidebar掉到最下面
時間Wed Oct 7 21:21:22 2009
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 */
}
--
少女的愛情就像丸子串,
吃完一串又一串。
by 剛田 武
--
※ 編輯: lockes 來自: 140.113.75.229 (10/07 21:54)
推 bootleq:你已經滿啦 500+左右25 + 250+左右25 剛好 850 沒位子了 10/07 22:39
→ lockes:原來如此,因為我不懂語法都亂改,所以margin設定的數值 10/08 00:55
→ lockes:會同時影響左右兩側。我以為只會更動一邊XD 感謝! 10/08 00:56
→ bootleq:margin還包括上下,你可以改用margin-left 10/08 15:29