[問題] div的長度

作者davidou (老歐 ! 月夜雪嵐)

看板Web_Design

標題[問題] div的長度

時間Mon Sep 6 10:05:42 2010

我用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

推 shimuraken:http://rgba.tumblr.com/post/486523626/css 參考看看 09/06 10:09

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

→ davidou:看來是很夠 09/06 12:48

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

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

→ opoepev:用js試試~讓menu的高度=content的高度!! 09/06 16:41

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

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

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

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

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

→ ateclean:實際等高的話下JS或用table吧... 09/06 16:48

推 robert38:我的做法跟樓上一樣~ 09/06 17:06

→ robert38:用div把content和menu包起來，或menu包在content裡 09/06 17:08

→ robert38:背景CSS下在被壓在下面的那一層 09/06 17:09

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

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

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

→ superpai:我回一篇囉 09/06 19:14