如何在网页中创建两个独立的列？

我想在网页上有两列，每一列都有自己的滚动条，而不是两者都使用的滚动条。例如，我在想的是沿着新的twitter ui ..其中一列显示列表与滚动条，如果列表比长度高，同样的另一列显示与自己的滚动条的细节。如何在网页中创建两个独立的列？

我简直失去了继续前进的方式，是否需要使用框架来实现这一点。全局滚动条可以被抑制，每列使用自己的滚动条与CSS？

2011-01-06 Sainath Mallidi

HTML：

<html> 
    <body> 
    <div class='right'> 
     <!-- data --> 
    </div> 
    <div class='left'> 
     <!-- data --> 
    </div> 
    </body> 
</html>

CSS：

body{ 
    overflow:hidden; /* This will remove the default scroll, not really needed, safer nonetheless */ 
} 
.right, .left{ 
    overflow:auto; /* This will add a scroll when required */ 
    width:50%; 
    float:left; 
    height: 100% 
}

来源

2011-01-06 11:22:48 Dan

谢谢你的例子。 – 2011-01-06 11:29:14

看看CSS overflow property，它允许您打开特定元素（例如div）的滚动条。确保你在元素上设置了宽度和高度，否则它只会展开以适合你的内容。

来源

2011-01-06 11:21:30 RichW

感谢，我是在赛道现在..拿到了滚动条在每个格露面。 – 2011-01-06 11:28:57

如何在网页中创建两个独立的列？

回答

相关问题