почему это работает - сайдбар

babay · May 1, 2011

почему это работает?

почему #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>

scorpio · May 2, 2011

Да совсем недавно об этом спрашивал

http://forum.htmlbook.ru/index.php?showtopic=26316

Sign In

почему это работает - сайдбар

Question

babay

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

scorpio

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information