容器重新調整大小到窗口

如何製作一個容器div，它是瀏覽器窗口高度減去頂部和底部20個像素的100％？所以在頂部/底部總是有20的邊距，並且從不需要滾動條。在CSS中？容器重新調整大小到窗口

謝謝！

2012-06-20 Clark V

您可以將div設置爲絕對位置，然後將頂部和底部設置爲20px。看到這個小提琴：http://jsfiddle.net/b3kW3/

2012-06-20 11:23:49 Alvaro

如果內容高於視口，它會超過它。我不確定這是不是他想要的。使用'overflow：hidden;' –

感謝您的快速回復。它有用，但它需要居中，我需要擺脫該滾動條。所以我得到這個迄今： <風格類型= 「文本/ CSS」> HTML，身體{高度：100％;寬度：90％;} #full { \t寬度：960像素; \t溢出：隱藏; \t背景：粉紅色; \t position：absolute; \t top：30px; \t bottom：30px;} \t ＃內容{ \t height：900px; \t width：300px; \t background-color：＃339; \t} \t

–

需要什麼爲中心？出現滾動條是因爲您已將960px的寬度設置爲#full。 – Alvaro

容器重新調整大小到窗口

回答

相關問題