表格单元格内的可滚动DIV
我知道，我的答案是经典的，但我找不到合适的解决方案，不是在这里，也不是谷歌。我正在尝试使用表格创建布局。我希望
table#layout
#content-td
#content-td
height=100%
#header
#content-td
height=100%
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html, body, #layout {height:100%; width:100%; margin:0; padding:0; overflow:hidden;}
#wrapper {overflow-y:scroll; position:relative; height:100%}
#content {position:absolute;}
/* highlight areas */
#header {background-color:#BADBAD;}
#sidebar {background-color:#DABDAB;}
#wrapper {background-color:#CD5C5C; font-size:40px;}
</style>
</head>
<body>
<table id="layout" border="1" cellpadding="0" cellspacing="0">
<tr height="1%">
<td colspan="2" id="header">Header</td>
</tr>
<tr valign="top" height="100%">
<td id="content-td" width="70%" height="100%">
<div id="wrapper">
<div id="content">
Here is long text I want to scroll down<br/>
Here is long text I want to scroll down<br/>
Here is long text I want to scroll down<br/>
</div>
</div>
</td>
<td id="sidebar" width="30%">Sidebar</td>
</tr>
</table>
</body>
</html>
没有找到相关结果
已邀请:
1 个回复
降女陷费券
来保持导航在视图中。例如，你可以制作一个主内容框和一个导航框，并使用这样的东西（在Firefox中测试）：body {margin-right:30%;} #navigation {position:fixed; top:0; right:0; width:30%; height:100%; background:#fcc;}