在整个网页上放置一个父div

时间:2017-08-13 15:02:51

标签: html css border

我试图在整个网页上放置一个黑框。

我希望父div在整个页面周围,而不仅仅是底部。我的HTML看起来像这样:

<body>
<!-- Header --> 
        <section id = "top" class = "top">
            <div class="container">
                <h1 class = text-center>Sarah Hynds</h1>
            </div>
        </section>
        <!------ tabs ------>
        <nav class="mynav">
            <ul>
                <li>
                    <a href="">About</a>
                </li>
                <li>
                    <a href="">Resume</a>
                </li>
                <li>
                    <a href="">Projects</a>
                </li>
                <li>
                    <a href="">Interests</a>
                </li>
                <li>
                    <a href="">Contact</a>
                </li>
            </ul>
        </nav>
        <hr id="separator" width="35%" color="black">
        <div class="floating-box" id="about"></div>
        <div class=floating-box" id="profile">
        </div>
        <div class="parentDiv"></div>
</body>

我的css看起来像这样:

.parentDiv { 
width: 90%; 
border: 1px solid #000000; 
margin-top: 5%; 
margin-left: 5%; 
margin-right: 5%; 
height: 100%; 
display: inline-block; 
padding-bottom: 50px;
display: inline-block;
white-space: nowrap; }

如何将边框放在整个页面上? 非常感谢!

1 个答案:

答案 0 :(得分:0)

name

只需将其包裹在您希望其影响的内容中即可。 : - )