私は次のhtmlを持っています:
<div id="container">
<div id="pageHeader">
<h1><span>Page Title</span></h1>
</div>
<div id="navigation_menu">
<ul>
<li id="treeslink"><a href="#">Trees</a></li>
<li id="gardenslink"><a href="#">Gardens</a></li>
<li id="portlink"><a href="#">Portfolio</a></li>
</ul>
</div>
</div>
navigation_menu
の真下に置きたいですpageHeader
。
だから私は私の.cssにこれを持っています:
#container {width:870px; margin:0 auto;position:relative;}
#pageHeader h1
{
position:absolute;
width:870px;
margin-top:0;
font:74px "F25_TypewriterCondensed";
letter-spacing:-2px;
}
#navigation_menu
{
position:absolute;
width: 169px;
}
ただし、navigation_menuはpageHeader
、の左上隅に表示されcontainer
ます。真下に置くことは可能ですか?