Хобрук: Ваш путь к мастерству в программировании

Firefox не распознает отрицательную маржу

Пожалуйста, проверьте эту страницу: http://www.qhs.co.uk/high-wycombe-boiler-installation

#wrap .pushup {
  margin-top: -215px;
}

Это отлично работает в Chrome, но не в Firefox. По-видимому, он не распознает отрицательную маржу.

Chrome (правильно): chrome

Firefox (неправильно): введите здесь описание изображения

Я думал, что это может быть проблема с плавающими div. Я попытался использовать clearfix и переместить класс .pushup во внешний div, но все равно не повезло.

Любые идеи?

Я использую Bootstrap 3.1.

html css twitter-bootstrap firefox margin
19.02.2014

  • Вы пробовали float: left? 19.02.2014

Ответы:


1

Если вы удалите .jumbotron > .container > .row > .col-xs-12 { height:100%; }, он должен правильно отображаться в Firefox.

19.02.2014

2

FF очень сложно понять, когда речь идет об отрицательной марже. Поэтому вместо использования отрицательного поля используйте относительное позиционирование.

#wrap .pushup {
  position:relative;
  top:-215px;
}
19.02.2014
  • Этот код работает для вас? Я попробовал это в браузере, он работает нормально 20.02.2014
  • Спасибо, это действительно работает, но я выбрал другой ответ, потому что мы, вероятно, не должны были устанавливать height: 100% на первое место. 20.02.2014
    • Новые материалы
    #093 | Моделирование вспышки эпидемии с помощью JavaScript — Часть 3
    TLDR: Я сделал симуляцию вспышки эпидемии, в которую можно поиграть здесь . Мой холст, моя сцена Мой HTML — это всего лишь один div с классом stage, и вот как я настроил на нем свой объект..
    numberToString.js (8kyu 16)
    Алгоритм кодовых войн Проблема Нам нужна функция, которая может преобразовать число в строку. 숫자를 문자열로 변환하는 함수를 작성해라. Решение 01 function numberToString(n) { return n.toString(); }..
    Лучшие практики для быстрого изучения языка программирования
    Изучение языка программирования может быть сложной задачей, но при правильном подходе определенно возможно быстро выучить язык программирования. Хорошее понимание языка программирования может..
    Использование данных из Adobe Analytics в предложениях Adobe Target
    Я уверен, что все видели эти всплывающие окна в интернет-магазинах, которые говорят что-то вроде « 15 человек просматривают этот товар прямо сейчас! » или « 105 человек из Мичигана купили это..
    Машинное обучение и его набор данных в CreateML
    Когда я впервые начал учиться в Apple Developer Academy, у меня был момент неуверенности в моем интересе к машинному обучению. Нужно ли мне сменить карьеру моей мечты с специалиста по данным на..
    Обучение требует воли
    Недавно я прочитал отличную статью Шейна Легга и Джоэла Венесса из DeepMind. http://arxiv.org/pdf/1109.5951v2.pdf В статье «универсальный интеллект» агента π определяется как: Поэтому..
    Безопасность по дизайну делает всех счастливыми
    Заложенная безопасность делает всех счастливыми Если вы никогда не смотрели Louis C.K. рассказать о том, как Все удивительно, и никто не счастлив ; побаловать себя. Сделайте это прямо..