我有一个垂直布局,我想在页面上保持居中.一列保持固定在页面上,而另一列应根据内容滚动,并且有一些绝对的装饰浮动div.我希望滚动列垂直显示100%,即使内容不需要高度,但我似乎无法使其工作.我已将html标记和body标记设置为height:100%,以及所有必需的div标记.将html标记设置为此属性会导致除.content和.share之外的所有内容都消失.
这是我的HTML:
<html>
<body>
<div class="leaderboard"></div>
<div class="container">
<div class="share">
<p>All content © 2011
<br />
Web Design © <a href="http://www.unillu.com" target="_blank">Unillu</a>, Megan Prior-Pfeifer</p></div>
<div class="sidebar1">
<img src="assets/llama.png" width="168" height="265" alt="Deathllama logo" />
<ul class="nav">
<li><a href="howto.html"><img src="assets/phone.png" width="208" height="15" alt="How to put ringtones on your phone!" /></a></li>
<li><a href="dinosaur.html"><img src="assets/kill.png" width="208" height="31" alt="Kill a dinosaur the easy way!" /></a></li>
<li><a href="ringtones.html"><img src="assets/ringtones.png" width="208" height="15" alt="Bad ringtones for you to use!" /></a></li>
<li><a href="legal.html"><img src="assets/legal.png" width="208" height="15" alt="Use the content …