作者eliang ()
看板Web_Design
标题Re: [问题] 关於css的区块问题
时间Mon Jun 19 16:35:33 2006
※ 引述《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)
1F：推 pptpb:推 06/19 16:52