Я играл с отрицательными полями, и я знаю решение для своей проблемы, но почему div в боковой панели перекрывает div-панель заголовка? Я хочу понять поведение css в этом случае.отрицательные поля и перекрывающиеся divs
http://codepen.io/anon/pen/sjpqv
Когда плавающим оставили два DIV элемента, каждый из которых будет расположен на левой стороне, бок о бок. Их порядок основан на порядке, указанном в html.
Они находятся внутри div с именем класса container, имеющим левый край 350px, это означает, что его содержимое (два плавающих div) будет перемещено на 350 пикселей с левой стороны.
Затем на первом div .sidebar-header вы вводите отрицательное левое поле в 350 пикселей, это приводит к перемещению этого div влево, где он был инициализирован на самой левой стороне документа. Это также приводит к тому, что второй плавающий div .sidebar останется на своей стороне. Первый плавающий div .sidebar-header имеет ширину 330 пикселей. Таким образом, второй div равен 330px с левой стороны, так как он остается на стороне первого div.
Когда вы помещаете отрицательное левое поле 350px во второй div, вы также перемещаете его в левую часть документа, так как он был всего на расстоянии 330 пикселей, перекрываясь с первым div. Если, например, первый div, .sidebar-header, имел ширину больше 350px, тогда они в конечном итоге не перекрывались бы.
Итак, каждый плавающий элемент с отрицательным запасом останавливается после внутреннего порядка? – dollseb
Поскольку у вас есть отрицательное левое поле на боковой панели. Попробуйте код, начинающийся без отрицательного поля, затем добавьте его только в заголовок. Вы можете видеть, что весь заголовок + сдвиг боковой панели слева. поэтому, если вы добавите еще -350 в боковую панель, тогда, конечно, она будет перекрываться. – Huangism
А в чем вопрос ??? вот что отрицательный запас – DaniP
Я не понимаю вопроса, это «есть», какие поля делают. Ваш вопрос равносилен тому, чтобы спросить, почему пицца на вкус, как пицца. –