[問題] div的長度

看板Web_Design作者 (老歐 ! 月夜雪嵐)時間15年前 (2010/09/06 10:05), 編輯推噓3(3016)
留言19則, 6人參與, 最新討論串1/6 (看更多)
我用css來排我的版面 用div的方式 我的程式碼是這樣 [前略..] <style type="text/css"> .menu { float:left; background-color:#3B5998; width: 159px; } .content { float:left; text-align:left; width: 755px; } </style> </head><Body> <div class="menu"> </div> <div class="content"> </div> </body> --------------------------------- 當然出來的畫面就是 (假設我內容蠻多的...) ┌────┐ ┌────────────┐ │ │ │ │ │menu │ │ │ │ │ │ │ │ │ │ │ └────┘ │ 內容 │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────────────┘ 阿我想問的是 我有沒有辦法讓我的menu的長度可以跟隨我內容的長度ㄧ樣 會自動幫我延長這樣 ┌────┐ ┌────────────┐ │ │ │ │ │menu │ │ │ │ │ │ │ │ │ │ │ │ │ │ 內容 │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────┘ └────────────┘ 不管用php的方式還是怎樣都好 因為內容大小不一定 所以我也不可能給內容那邊一個固定的高度 還是說有其他更好的表現方式 當然目前我唯一想到的就又是回去用table排版的... -- 只有正妹的無名才有連結價值阿.. http://www.wretch.cc/blog/fancyou 非正妹 所以沒有連結價值 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.21.192.210

09/06 10:09, , 1F
09/06 10:09, 1F

09/06 12:48, , 2F
這個作法的缺點是頁面超過10000px長度會沒有預期效果XD
09/06 12:48, 2F

09/06 12:48, , 3F
看來是很夠
09/06 12:48, 3F

09/06 14:15, , 4F
我剛剛實驗過了 在IE下好像可以 但是我在CHROME會錯誤說
09/06 14:15, 4F

09/06 16:40, , 5F
這個本來就是不正常的方法了!!治標不治本!!
09/06 16:40, 5F

09/06 16:41, , 6F
用js試試~讓menu的高度=content的高度!!
09/06 16:41, 6F

09/06 16:42, , 7F
要先確定是要視覺上同高 還是實際同高?
09/06 16:42, 7F

09/06 16:43, , 8F
視覺上的話可以不少方法 .content{border-left:160px;}
09/06 16:43, 8F

09/06 16:45, , 9F
若怕內容太短 可以先下個min-height | *height
09/06 16:45, 9F

09/06 16:47, , 10F
也有用.content{margin-left:159px;background-color:xx}
09/06 16:47, 10F

09/06 16:47, , 11F
menu的背景就繼承外層的背景色 這樣就看不出來menu太短了
09/06 16:47, 11F

09/06 16:48, , 12F
實際等高的話 下JS或用table吧...
09/06 16:48, 12F

09/06 17:06, , 13F
我的做法跟樓上一樣~
09/06 17:06, 13F

09/06 17:08, , 14F
用div把content和menu包起來,或menu包在content裡
09/06 17:08, 14F

09/06 17:09, , 15F
背景CSS下在被壓在下面的那一層
09/06 17:09, 15F

09/06 18:34, , 16F
我有用chrome試過沒有問題,你會有錯誤可能是別的因素
09/06 18:34, 16F

09/06 19:06, , 17F
樓上你怎用的? (話說與其搞JS我倒不如用TABLE比較簡單
09/06 19:06, 17F

09/06 19:07, , 18F
會用CSS只是想讓程式碼簡單而已 不想讓他更複雜
09/06 19:07, 18F

09/06 19:14, , 19F
我回一篇囉
09/06 19:14, 19F
文章代碼(AID): #1CX4nvGx (Web_Design)
文章代碼(AID): #1CX4nvGx (Web_Design)