Добрый день. Подскажите пожалуйста, почему не работает overflow: hidden, при НЕ заданном width: 300%?
Насколько я понял, overflow должен скрывать все элементы выходящие за пределы блока которому он задан, тем не менее с картинками это не происходит. Почему?
@font-face {
font-weight: 400;
font-family: "Open Sans";
src: url("fonts/opensans.woff") format("woff");
}
body {
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #333333;
font-family: "Open Sans", sans-serif;
}
section {
margin: 40px auto;
width: 450px;
background-color: white;
box-shadow: 0 0 3px #cccccc;
}
h1 {
margin: 0;
padding: 10px 0;
text-align: center;
font-weight: normal;
font-size: 28px;
}
.slider {
position: relative;
}
.slider-inner {
overflow: hidden;
}
.slider-slides {
width: 100%;
}
.slider-slides img {
float: left;
width: 450px;
height: 320px;
}
