один div в другом с переполнением

Question

Как вы можете иметь один div внутри другого?

Внутренний div должен соответствовать внутри внешнего с overflow:auto;.Внешний div должен создать небольшую рамку вокруг внутреннего div с padding:1px.

http://jsfiddle.net/CbZxC/

Answer 1

Попробуйте поместить свойства высоты и ширины во внутренний div.Как это: http://jsfiddle.net/CbZxC/1/

Answer 2

Если я правильно понимаю ваш вопрос, вы также можете просто добавить overflow:auto; к внешнему div, и тогда внутренний останется внутри.http://jsfiddle.net/zKAnv/

Answer 3

Вы должны float внутренний div:

div.inner {
    background:#ff0000;
    padding: 1px;
    float: left;
}

и поместить overflow: auto; во внешний div:

div.outer {
    position:absolute;
    width:200px;
    height:50px;
    left:50px;
    top:50px;
    border:1px solid #000000;
    background:#ffffff;
    overflow: auto;
}

Конечно, вы не хотите заполнятьвнутренний div?