推 weipuyan:line-height: 35px; ~> 這使得left上下只有35px 06/19 17:03
→ weipuyan:若想跟main的上下同高度 改100% 應該OK 06/19 17:05
推 weipuyan:line-height: 35px; 改成 height: 100%; 06/19 17:10
※ 引述《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