HTML / CSS页面未扩展

Question

即时为我的网络应用创建后端，即时通讯与html / css相关的问题，我会发布图片，更容易理解正在发生的事情。

图片1：http://i.imgur.com/43KnuFz.png

图片2：http://i.imgur.com/eFAn7Tl.png

如果可能，我需要一些提示来解决此问题。

Fiddle demo

 $(window).resize(function () {
     $('right-side').css('width', '100%').css('width', '-=200px');
 });

谢谢！

Answer 1

如果我的问题正确，您需要将.right-side的溢出设置为scroll。

.right-side {
    overflow: scroll;
}

http://jsfiddle.net/2v3L5zqL/4/

问题是您的内容溢出了网站的高度，这是视口高度的100％。所以你必须控制溢出。

我还认为最好不要将身高设置为100％，而是使用position: fixed将侧边栏固定到右侧......