高度：100％不適用於邊框
[英]Height:100% doesn't work for border
問題描述
我在asp.net中創建了一個母版頁，它使用以下CSS創建邊框。 我有一個登錄屏幕，該屏幕位於瀏覽器窗口的中央，具體取決於使用css（accountinfo）的大小。 請參閱下面的瀏覽器屏幕打印。
如您所見，邊框沒有延伸到瀏覽器的底部，有沒有辦法實現這一目標？ 我已經在我的身體和.page中嘗試過height：100％，但是沒有區別。
body{
background-color: #EFEFEF;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;
}
.page{
margin:10px;
background-color: #fff;
border:2px solid #fff;
border-radius:25px;
-moz-border-radius:25px;
height:1000px;
}
.accountInfo{
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
width:200px;
height:100px;
font-size:80%;
}
1 個解決方案
解決方案1
1 已采納 2012-03-04 14:05:24
為什么不
position: fixed;
z-index -1;
left:20px;
right:20px;
top:20px;
bottom:20px;
您還可以將height：100％添加到<html>和<body>元素
編輯
也對<form>元素
為什么 height: 100% 不能將 div 擴展到屏幕高度？
[英]Why doesn't height: 100% work to expand divs to the screen height?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.