выполняю задание по css Код (PHP): <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Испытание: макет-прототип</title> </head> <body> <div class="header"> <div class="logo">Лого</div> <div class="contacts">+7 (812) 33-4-55</div> </div> <div class="about-us"> <h1>Наша компания</h1> <p>Предлагает самые лучшие услуги по вёрстке HTML-страниц.</p> <p>Мы используем HTML5 и CSS3, создаём адаптивную вёрстку, применяем Progressive Enhancement.</p> </div> <div class="main-menu"> [url="#about"]О нас[/url]<br> [url="#contacts"]Вакансии[/url]<br> [url="#contacts"]Контакты[/url]<br> </div> <div class="footer"> © 2015 — Keksby Web Production </div> </body> </html> /* Общие стили для документа и блоков, менять не надо */ body { width: 450px; margin: 0; padding: 10px; font-family: Arial, sans-serif; font-size: 14px; } .logo, .contacts, .about-us, .main-menu, .footer { padding: 10px 20px 10px 20px; background-color: #f5f5f5; border: 2px solid #cccccc; } /* Собственные стили блоков */ .header { min-height: 40px; margin-bottom: 20px; } .logo { float: left; width: 230px; text-align: center; font-weight:bold; } .contacts { float: right; width: 110px; text-align: center; font-style:italic; } .about-us { width: 230px; margin-bottom: 20px; float:left; } .about-us h1 { font-size: 20px; } .about-us p { font-size: 12px; } .main-menu { width: 110px; float: right; } .footer { clear:both; } .logo, .contacts, .footer { background-color: #333333; color:#ffffff; } почему about-us margin-bottom: 20px; влияет на отступ footer? ведь логичнее что main-menu должен влиять на отступ ведь main-menu ниже about-us PHP, JavaScript, SQL и другой код пишите внутри тегов Код ( (Unknown Language)): [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
я не знаю поэтому и спрашиваю вот этот урок https://htmlacademy.ru/courses/41/run/15 как заранее понять относительно какого элемента будет работать margin-bottom: 20px