переполнение: скрытое не может предотвратить сворачивающиеся поля

overflow: hidden может установить новый контекст формата блокировки, а контекст форматирования блокировки может предотвратить сведение краев полей. , но в этом примере это не работает, промежуток между ними по-прежнему составляет 20 пикселей. Почему? http://www.w3.org/TR/CSS2/visuren.html#block-formatting
http://www.w3.org/TR/CSS2/box.html#collapsing-margins переполнение: скрытое не может предотвратить сворачивающиеся поля

.mod-а, .mod-б {Маржа: 20px; переполнение: скрытый}

enter image description here

источник

2012-04-23 timezhong

Можем ли мы увидеть код? В настоящее время нам нужно сделать некоторые догадки о том, что вы имеете в виду, в то время как код действительно поможет прояснить ситуацию. – Jasper

да, это нормально сейчас :) – timezhong

Переполнение не имеет ничего общего с полями или отступов. Если вы не хотите маржи, установите margin в 0 вместо того, чтобы пытаться изменить overflow.

источник

2012-04-23 10:48:47

нет, у вас нет konw, что это значит, переполнение: скрытый может установить новый контекст формата блокировки, а контекст форматирования блокирует предотвращение сбрасывания полей. – timezhong

Вы имеете в виду, что во всех браузерах есть ошибка? Вау. –

Надеюсь, вы уже поняли, что это не ошибка в любом браузере;) Это скорее побочный эффект обходного пути для [чего-то еще] (http://stackoverflow.com/questions/9943503/why-does- css2-1-определяет переполнение-значения-другой, чем видимые к учреждать-а-новый-б/11854515 # 11854515). – BoltClock

переполнение: скрыто не рушится с их детьми in-flow, но оно рухнуло с другими DIV. Написать так:

div{ 
    margin:20px 0; 
    background:red; 
    width:50px; 
    height:50px; 
    float:left; 
    clear:left; 
}

Проверить это http://jsfiddle.net/fXz57/

источник

2012-04-23 10:59:59 sandeep

Итак, 'float: left;' триггеры блокируют форматирование контекста и 'clear: left;' отключает float или что происходит? – Tomasz

Существует запас, потому что в вашем классе вы дали запас в 20 пикселей. Удалите поле из класса css .mod-a, .mod-b: 20px.

Слишком много переполнения не имеет ничего общего с этим. Он используется, когда у вас длинный элемент внутри другой метки, ширина 50 пикселей, а текст внутри - 200 пикселей. Затем переполнение: скрытое скроет oth

источник

2012-04-23 11:00:55

переполнение: скрытое не может предотвратить сворачивающиеся поля

ответ

Смежные вопросы