margin-top не работает должным образом

Question

margin-top не работает должным образом

0

Я просто не могу найти проблему с этим скриптом: http://jsfiddle.net/AKB3d/

#second {
  margin-top:50px;
  ...
}

Я хочу, чтобы желтая рамка была на 50 пикселей ниже верхней границы правого окна, но всякий раз, когда я добавляю маржу вверх в желтую рамку, красная рамка тоже опускается. Зачем?

Philip 23 март 2014, в 18:33

Источник

Теги:

html

css

2 ответа

1

Проверьте эту рабочую скрипку

#first {
margin:auto;
width:100px;
height:100px;
background:red;
overflow:hidden;
}

Binita Lama 23 март 2014, в 14:39

0

работает, спасибо !!
Philip 23 март 2014, в 17:33

Ещё вопросы

James · Accepted Answer · 2014-03-23T15-47-00.000Z

Дайте overflow:hidden родительскому div, т.е. #first

Это происходит из-за разваливающихся полей. Вертикальные поля исчезают, когда родительский элемент установлен на переполнение: видимый

сужающиеся поля могут быть вызваны рамкой или отступом на красной рамке, поэтому он остается внутри. просто как напоминание :) jsfiddle.net/AKB3d/3 и background-clip не слишком путают с границами jsfiddle.net/AKB3d/4
@GCyrillus Спасибо .. это действительно полезная информация .. :)