jquery - 如何将整个页面移动到插入的侧面板的右侧？

Question

我正在尝试将侧面板插入当前页面(用于构建小书签)。然而，它似乎只是与页面的左侧部分重叠，我的目标是将整个页面移动到这个插入面板的右侧。

  //initilaize 
  var sidebar;
  $('body').css({
    'padding-right': '350px'
  });
  sidebar = $("<div id='sidebar'></div>");
  sidebar.css({
    'position': 'fixed',
    'left': '0px',
    'top': '0px',
    'z-index': 9999,
    'width': '290px',
    'height': '100%',
    'background-color': 'blue'  // Confirm it shows up
  });
  $('body').append(sidebar);

这是正在发生的事情的 jsfiddle，它覆盖了页面，我需要它移动以适应侧面板。

http://jsfiddle.net/DT3k7/

Answer 1

将正文的 css 更改为 padding-left 或 margin-left 而不是 right。

$('body').css({
    'padding-left': '350px'
});