以下のcssのようにメインコンテンツの幅を広くしたら、サイドバーを開いた時にサイドバーと反対の側が隠れてしまうのですが
これを画面端で折り返すようにするにはどうしたらいいでしょうか？
widthではダメですか？

例えば
http://www3.nhk.or.jp/news/html/20120525/t10015386721000.html
において↓のcssを指定するとスクショのようになります

div#options,
div#pickup,
div#icons,
div#footWrap,
div.pagetop,
div.entry ~ div
{display: none !important;}

div#header{height: 70px !important;}
p#logo{margin-top: 15px !Important;}

div#news
{
width: 1210px !important;
font-family: "IPA P明朝" !important;
}

http://www.imgur.com/oNhtI.jpg