HTML / CSS分层元素问题

Question

http://i.imgur.com/TLJrmz0.png

border是div的一部分，称为包装器，被其他div /元素截断。边界不是一个绝对的。

如何让边框位于页面上所有其他图层/元素/ div之上？

浓缩/简化的html / css：

http://pastebin.com/AsdAiLt3

感谢。

Answer 1

.wrapper {
                max-width: 800px;
                min-width: 800px;
                border: 3px solid #000000;
                margin: 10px 0px auto;    
                padding: 10px 12px;
        }

.page {
                min-width: 100%;
                margin: 0px auto;
                position: relative;
                background-color: #f00;
                display: inline-block;
        }

<强> Demo here

Answer 2

尝试使用边框将overflow：hidden添加到容器中，或者将其设置得足够宽，以便在元素位于该容器中时不会重叠