作者averywu (Dino)
看板Web_Design
标题Re: [问题] 关於css的区块问题
时间Mon Jun 19 15:32:39 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 { width: 800px;
background: #cccccc;
position: relative;
left: auto;
right: auto;
text-align: left;
border-right: 1px solid #333333;
margin-right: auto;
margin-left: auto;}
#left { background: #0099ff;
color: #ffffff;
padding: 5px;
line-height: 35px;
border: 1px #333333;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
z-index: auto;
float: left;
#right {border-top: 1px solid #333333;
border-right: #000000;
border-bottom: 1px solid #333333;
background: #ffffff;
padding-top: 2px;}
#footer {clear: both;
border: 1px #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
text-align: center;
font-size: 11px;
background: #333333;
color: #ffffff;}
#header {border-top: 1px solid #333333;
border-left: 1px solid #333333;
font-size: 24px;
background: #333333;
color: #ffffff;}
这是用排版用的css ， 感谢先进的指点。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.124.142.152
1F：推 weipuyan:line-height: 35px; ~> 这使得left上下只有35px 06/19 17:03
2F：→ weipuyan:若想跟main的上下同高度 改100% 应该OK 06/19 17:05
3F：推 weipuyan:line-height: 35px; 改成 height: 100%; 06/19 17:10