高度:100%不适用于边境

时间:2012-03-04 13:42:13

标签: html css

我在asp.net中创建了一个母版页,它使用以下css来创建我的边框。我有一个登录屏幕,它位于浏览器窗口的中间,取决于它的大小使用css(accountinfo)。请参阅下面的浏览器屏幕。

正如您所看到的那样,边框并没有延伸到浏览器的底部,有没有办法实现这一目标?我已经尝试过身高:100%在我的身体和.page但是没有区别。

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%;
 }

enter image description here

1 个答案:

答案 0 :(得分:1)

为什么不

position: fixed;
z-index -1;
left:20px;
right:20px;
top:20px;
bottom:20px;

您还可以将高度:100%添加到<html><body>元素

修改

也是<form>元素