CSS圆 Angular div，页脚放置位置与 "absolute"

Question

我正在尝试创建带有页眉和页脚的圆 Angular 。我能够强制页眉位于顶部，但我不明白为什么我不能强制页脚位于底部。

其实位置是绝对的；底部:0；这样做，但我的页脚只在文本的长度内。当我添加 width:100%; 时，页脚变得比 ???

在这里你可以看到我的代码:http://jsfiddle.net/fleduc/GN9q5/

Answer 1

您设置了 left: 0 和 right: 0，而不是 width: 100%; - 请参阅测试 http://jsfiddle.net/thebabydino/GN9q5/3/

你可能还想阅读这个 http://www.456bereastreet.com/archive/201112/the_difference_between_widthauto_and_width100/

的确，你在这里有绝对定位，width: auto 在这种情况下不会起作用，但你必须明白 width: 100% 意味着容器的宽度没有填充和边框(除非你使用box-sizing: border-box)