почему это работает? почему #sidebar так втискивается в ту область, которая вроде как принадлежит #main ? какое значение имеет right-margin: -250px у #main? при чем в контенте можно использовать и clear:both и float:left, float:right - и всё нормально будет и на сайдбар не повлияет! это лучший вариант верстки сайдбаров, из тех, что я знаю. но _почему он работает_ ? ? ? <html> <head> <style type="text/css"> body { width: 800px; } #main { width: 100%; margin: 0 -250px 0 0; float: left; } #content { margin: 0 250px 0 20px; } #sidebar { float: right; width: 250px; } </style> </head> <div id=main> <div id="content"> main text <hr/> </div> </div> <div id='sidebar'> sidebar </div> </html>