您好，我真的很难在这两者之间创建一个新容器，我需要在某个地方向网站添加内容，但无法做到!我想添加到白色部分:
如果我能得到一个 HTML 来匹配布局，这样它就在边界之内，那就太好了。
下面是我要添加到的区域之间的 HTML。
<li><a href="/Contactus.html" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
</div>
<div id="page-wrapper"> </div>
<div id="featured-wrapper"> </div>
<div id="contact" class="container">
<div class="major">
<h2>Get in touch</h2>
<span class="byline">It's easy to contact us as we are always here
to help</span>
</div>
<ul class="contact">最佳答案
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.container{
max-width:90%;
min-height: 700px;
margin:0 auto;
padding:0;
}
#heading{
width: inherit;
min-height: 60px;
line-height: 59px;
margin:0 auto;
text-align: center;
background-color: blue;
color:white;
font-family: Arial,sans-serif;
}
#navigation{
width: inherit;
padding:0;
margin:0;
background-color: gray;
color:white;
min-height: 30px;
line-height: 29px;
text-align: center;
}
#navigation ul
{
margin:0;
padding:0;
}
#navigation ul li{
display:inline;
padding-right: 30px;
margin:0 auto;
}
#navigation ul li a{
text-decoration: none;
color:white;
}
#navigation ul li a:hover{
color:gray;
}
.panel{
width: inherit;
margin:0 auto;
height: 200px;
color:white;
background-color: black;
text-align: center;
border:1px solid black;
}
@media only screen and (max-width: 768px) {
#heading{
width: 100%;
}
#navigation{
width: 100%;
}
#navigation ul
{
margin:0 auto;
}
#navigation ul li {
display: block;
margin-bottom: 5px;
}
}
}
</style>
</head>
<body>
<div class="container">
<div id="heading">
<h1>Connection Wellbeing Services</h1>
</div>
<div id="navigation">
<nav>
<ul>
<li><a href="#">HOME PAGE</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">OUR CLIENTS</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CAREERS</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</nav>
</div>
<div class="section">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="panel">
<h2>Get in touch</h2>
</div>
</div>
</body>
</html>我不知道这是不是你要求的，它基本上是介于两者之间的另一个 div，你可以用它来用一些内容填充空白
关于html - 创建一个新的基本容器以介于两个现有容器之间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45574236/