Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: margin и border
 
 автор: Mookapek   (25.11.2014 в 23:34)   письмо автору
 
 

Здравствуйте.
Не совсем понимаю работу свойства margin вот в каком контексте:

<head>
<style>

body {
 background: #EEE;
}

div.header {
 height: 150px;
 background: #FFF;
 #border: 1px solid black;
}

div.logo {
 margin: 50px 0 0 0;
}

</style>
</head>

<body>

 <div class="header">
  <div class="logo">LOGO</div>
 </div>

</body>


Правило margin в данном случае почему-то сдвигает вниз на 50px не div.logo от верхней границы div.header, а div.header от верхней границы body.
Но если к div.header добавить правило border, то отступ делается как надо. Почему так происходит,

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования