[英]100% height fill page only
是否有可能具有100%的高度,但div僅填寫整個頁面。
因此,如果我將100%的高度放在div上,它應該將div一直向下延伸到頁面的末尾,但不再延伸以帶來任何滾動條。 那可能嗎? 我知道height:100%取頁面的高度並將div的高度設置為該數字,但是我不希望div實際具有該數字的高度,而僅延伸到頁面末尾,僅此而已。
100%的高度或其他任何高度可以嗎?
我感謝您的幫助。
謝謝
您可以使用
<div style="top:0;bottom:0,left:0,right:0;"></div>
或使用jQuery:
$("#mydiv").height($(window).height());
如果不使用padding
或border
,則將html
, body
和div
聲明為100%時,它將擴展為瀏覽器窗口的大小。
如果要使用padding
和border
,請考慮使用CSS3屬性box-sizing: border-box;
更新:
使用偽元素(您可以使用空div
):
.top{height:100px; width:100%; position:absolute; top:0; left:0;}
.rest{min-height:100%; background:lightblue; }
.rest:before{content:''; display:block; width:100%; height:100px;}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.