выход margin за пределы блока

[cyklop77]

объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом

.must_read ul{
margin: 0 -5px;
}

по-моему этого не должно происходить потому что правило

.must_read ul li{
width: 25%;

}

устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка

[Yazon_Nile]

ой как сложно описываете)

Что не так?

Вытянули по 5пк в стороны улку. Соотв ширина улки = 100% + 10пк, грубо говоря

У лишек по 5пк маржин по сторонам. Соотв между ними по 10. В чем сложность?

[cyklop77]

ой как сложно описываете)

Что не так?

Вытянули по 5пк в стороны улку. Соотв ширина улки = 100% + 10пк, грубо говоря

У лишек по 5пк маржин по сторонам. Соотв между ними по 10. В чем сложность?

я это не понимаю. как её вытянули? у неё ширина 25% от родителя.

даже если обрезать маржины таким правилом

.must_read ul li {
overflow: hidden;
width: 25%;
}

, то всё равно непонятная картина

У лишек по 5пк маржин по сторонам. Соотв между ними по 10. В чем сложность?

не у li маржины по сторонам, а у li a

Edited April 23, 2013 by cyklop77

[Yazon_Nile]

я это не понимаю. как её вытянули? у неё ширина 25% от родителя.

Стооопп)

Ещё раз.

UL вытянули по бокам на -5пк соотв ширина улки = 100% + 10пк

У каждой LI ширина стала 25% + 10пк*0.25

Ну а маржины вообще непричем, если они внутри улки.

Не пойму вашего затруднения

[SelenIT]

то есть те margin, про которые я писал выше, находятся внутри элементов списка

Они и остаются внутри. Но сам список раздвигается на эти 5px в обе стороны ("наезжая" на поля). И эти 5-пиксельные отступы внутренних блоков отсчитываются уже не от границы колонки, а от границы списка, которая вынесена на 5px из колонки наружу.