Re: [問題] 關於css的區塊問題
※ 引述《averywu (Dino)》之銘言:
: 我用css定義了三個id的區塊
: main 跟 right 跟 left
: main 包住 right 跟 left
: 我把main的底色設成灰色。right不設、left設成藍色。
: 但是每當我的right裡的內容行數超過left時,left藍色不會蓋滿整列。
: 比如說:
: BBGGGGGGGGGG BBGGGGGG
: BBGGGGGGGGGG BBGGGGGG
: BBGGGGGGGGGG <--現在 想變成--> BBGGGGGG
: BBGGGGGGGGGG BBGGGGGG
: GGGGGGGGGGGG BBGGGGGG
: GGGGGGGGGGGG BBGGGGGG
: GGGGGGGGGGGG BBGGGGGG
: (B=Blue G= Gray)
: 有什麼法子讓left區塊自動依right區塊的長度自動調整?
: 還是這是無解的呢?因為要適用各式Browser 所以IE Only 的語法就不考慮了
: 感謝您的回覆。
如果是我來做, 我會畫一張長條藍灰背景圖,
作為 main 的背景, 而非直接設定 left 或 right 的背景色,
背景圖大概長這樣:
██████████████████████████
其中藍色要剛好配合 left, 灰色部分則配合 right,
然後設定 CSS (大概寫一下而已,細節請自己試):
#main {
background: url(bg.jpg) repeat-y;
width: 800px;
}
#left {
float: left;
width: 200px;
}
#right {
margin-left: 200px;
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.133.199
※ 編輯: eliang 來自: 220.132.133.199 (06/19 16:38)
推
06/19 16:52, , 1F
06/19 16:52, 1F
討論串 (同標題文章)