Css 绝对定位，溢出滚动，动态元素
我正在用CSS创建一个复杂的布局，必须具备以下功能：Css 绝对定位，溢出滚动，动态元素,css,Css,我正在用CSS创建一个复杂的布局，必须具备以下功能： __________________________________________ | | | | | filters | | |___________________________________| | | | |
__________________________________________
| | |
| | filters |
| |___________________________________|
| | |
| | Toolbar |
| |___________________________________|
| nav | |
| | |
| | |
| | Content (scroll) |
| | |
| | |
|_____|___________________________________|
编辑：好的，为了让它更简单，有人能告诉我如何使用CSS实现Google Reader的布局，如果你在工具栏上引入新工具，导致工具栏高度调整，内容区域会自动向下移动吗？这样的东西适合你的需要吗
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#nav {
position: fixed;
float: left;
width: 25%;
background-color: #F00;
}
#filters {
float: right;
width: 75%;
background-color: #FF0;
}
#toolbar {
float: right;
width: 75%;
height: 70px;
background-color: #00F;
}
#content {
float: right;
width: 75%;
background-color: #0FF;
overflow-y: scroll;
min-height: 400px;
}
</style>
</head>
<body>
<div id="nav">this is the nav</div>
<div id="filters">filters</div>
<div id="toolbar">topbar</div>
<div id="content">content</div>
</body>
</html>
无标题文件
身体{
保证金：0；
填充：0；
}
#导航{
位置：固定；
浮动：左；
宽度：25%；
背景色：#F00；
}
#过滤器{
浮动：对；
宽度：75%；
背景色：#FF0；
}
#工具栏{
浮动：对；
宽度：75%；
高度：70像素；
背景色：#00F；
}
#内容{
浮动：对；
宽度：75%；
背景色：#0FF；
溢出y：滚动；
最小高度：400px；
}
这是导航
过滤器
顶栏
内容