-1
我有两个问题，我似乎无法弄清楚。如何拉伸导航栏，我应该创建一个侧面div或背景图像？
无论出于何种原因，我似乎无法伸出了导航栏，以填补div的高度/长度旁边（div#textarea），同时保持自身定位在div中心菜单的文本。
另一个问题是我想在页面右侧创建一个侧栏。现在的事情是，我是否也应该创建一个div，或者我应该创建一个完整的背景图像？ （背景“形象”在一切除了边条，这将是一个不同的颜色为白色）
这里是什么，我有一个形象至今用红色线条显示，我想他们：
（紫色div底部原本打算是一边吧，我把一些文字，所以你可以看到它的存在）
基本上，总结，这些是我的问题：
- 如何伸展导航栏的长度/高度？
- 我应该创建一个侧面
div或背景图像或可能是别的吗？（注：该标志在右上角的图像具有局部的）
body {
background-color: gray;
}
#page {
margin: 0 auto;
word-wrap: break-word;
}
#nav,
#textarea,
#contactallpages {
display: inline-block;
}
#containerpage {
display: inline-block;
margin: auto;
text-align: center;
}
#centercontainer {
background-color: lightblue;
width: 85%;
margin: 0 auto;
padding: 0.5%;
}
#nav {
background: #aaaaaa;
width: 10%;
padding: 1%;
border-radius: 25% 0% 0% 0%;
text-align: center;
vertical-align: bottom;
}
#textarea {
background: #cccccc;
height: 70%;
width: 60%;
padding-top: 5%;
padding: 3%;
border-radius: 0% 10% 0% 0%;
text-align: left;
}
#contactallpages {
background: #bbbbbb;
vertical-align: bottom;
width: 10%;
padding: 1%;
font-size: 0.8em;
border-radius: 0% 5% 25% 0%;
}
#purplebanner {
background-color: purple;
}<div id="containerpage">
<div id="centercontainer">
<div id="nav">
<ul>
<li><a href="index.html" class="selected">Home</a>
</li>
<li><a href="#">About me</a>
</li>
<li><a href="#">more</a>
</li>
<li><a href="#">links</a>
</li>
<li><a href="#">in menut</a>
</li>
</ul>
</div>
<!--
-->
<div id="textarea">
<header>
<h1>Welcome</h1>
</header>
<p>
text text text
</p>
<p>
text text text
</p>
</div>
<!--
-->
<div id="contactallpages">
Contact info
<br>Name person
<br>
<br>Address
<br>more lines
<br>
<br>
<u>Telephone:</u>
<br>numbers
<br>
<u>E-mail:</u>
<br>address thingey
</div>
</div>
<div id="purplebanner">
text
</div>
</div>