将按钮放在“绝对”<div> </div>的底部

Question

我知道在div底部放置一个按钮是将按钮设置为“绝对”并放在“相对”div处。

但是，我在表单中使用“隐藏可见性”attr，我需要将div设置为绝对值。 我的问题是如何在绝对div中设置按钮？

例如：http://jsfiddle.net/khongming/Aa7Ur/

.abc{
   width: 300px;
   height: 180px;
   background-color: #ff6700;
   float: left;
   position: relative;
}
.page{
   visibility: hidden;
   position:absolute;
}

.continue {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

谢谢。

Answer 1

在width:100%课程中添加height:100%和.page似乎可以解决问题。

http://jsfiddle.net/Aa7Ur/1/

Answer 2

将以下内容添加到.page css：

height: 100%;
width: 100%;

如果你将1px边框添加到.page和.abc（不添加上面的内容），你会看到你没有用你的.page填充.abc的区域，所以定位“到底部”是.page的底部，但不到.abc的底部。通过设置上面的尺寸，页面填充（相对）父div .abc然后您从相同的尺寸定位，所以您的位置是正确的。