我试图在整个网页上放置一个黑框。
我希望父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; }
如何将边框放在整个页面上? 非常感谢!
答案 0 :(得分:0)
name
只需将其包裹在您希望其影响的内容中即可。 : - )