2015-02-21 2 views
0

Почему этот div элемент отсечения содержимого? Она должна соответствовать Контентаmin-height on inline-block not working

http://jsfiddle.net/ojfxtwdv/

<div> 
    text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br> 
    text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br> 
</div> 

div { 
    display: inline-block; 
    height: 200px; 
    min-height: 200px; 
    padding: 20px; 
    width: 100%; 
    border:1px solid black; 
} 
+1

удалить 'height: 200px;' [demo] (http://jsfiddle.net/webtiki/ojfxtwdv/1/) –

ответ

1

вы установили min-height из 200px, но также установить height из 200px какого рода Отрисовывает min-height бессмысленно. Если вы удалите height, контент будет соответствовать.

div { 
    display: inline-block; 
    /* height: 200px; Remove this */ 
    min-height: 200px; 
    padding: 0; 
    width: 100%; 
    border: 1px solid black; 
}