Re: [問題] CSS 排版問題

看板Web_Design作者 (exile me)時間13年前 (2012/08/23 11:17), 編輯推噓5(5010)
留言15則, 7人參與, 最新討論串2/4 (看更多)
※ 引述《trancewu (exile me)》之銘言: : 最近設計自己的個人網頁, : 使用jemdoc產生html碼並且自己修改CSS排版。 : 排版的時候遇到了一些問題, : 我希望我的兩欄(左右並排)都可以延伸到整個螢幕的最下方(height = 螢幕height), : 不過因為資料不夠多, : 兩欄都只顯示螢幕的一半就停止了。 : 用inspect element看這每個element, : 發現是html的height就不是螢幕的大小, : 會隨內容多寡改變。 : 請問有什麼指令可以直接變動html在螢幕上的大小還是有其他方法? : 謝謝。 剛剛用版友提供的方式試了一下, min-height只能固定高度, 沒有辦法偵測螢幕大小之後再做調整。 現在找到的方法是用java script寫的, 請問版友知道其他的方法嗎? 謝謝。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 69.255.201.61

08/23 11:31, , 1F
要純CSS 就要靠media query 不過我記得支援度不高..
08/23 11:31, 1F

08/23 11:58, , 3F
不過用軟體產出的CSS再來改 不知道會不會有哪些條件相衝
08/23 11:58, 3F

08/23 11:59, , 4F
啊 我這只是兩欄同高 不是都能延伸到最下方@@~
08/23 11:59, 4F

08/23 11:59, , 5F
但原po假如實際上主要是希望達到footer置底效果
08/23 11:59, 5F

08/23 12:00, , 6F
建議直接把「footer置底」關鍵字查Google 有很多範例
08/23 12:00, 6F

08/23 12:26, , 7F
妳要不要試看看這方法 position 設 absolute
08/23 12:26, 7F

08/23 12:26, , 8F
height 100% 定位點改左、下 看看 應該會是你想要的感覺?
08/23 12:26, 8F

08/23 12:34, , 9F
html和BODY和最外面的DIV都設定寬高100%,再去排內容
08/23 12:34, 9F

08/23 18:43, , 10F
只是單純延伸到最下方的話上面的absolute應該是解法;
08/23 18:43, 10F

08/23 18:43, , 11F
或者你想要的效果可能是fixed?
08/23 18:43, 11F

08/23 22:31, , 12F
css就可以解決了吧 不一定要用到js
08/23 22:31, 12F

08/23 22:34, , 13F
http://www.coolconceptdesign.com/ 原PO的效果是這個嗎
08/23 22:34, 13F

08/23 23:12, , 14F
position:fixed若要餵食IE6 要記得上網找一下hack
08/23 23:12, 14F

08/23 23:18, , 15F
ie6基本上hack沒啥意義 因為世佔率現在低到可以忽略
08/23 23:18, 15F
文章代碼(AID): #1GDQ3bfm (Web_Design)
文章代碼(AID): #1GDQ3bfm (Web_Design)