Предотвращение заполнения от деформирования div

Question

У меня есть много текста, чтобы вставить немного окна <div>, поэтому мне не нужно много места, а размер очень точный.

Вот мой код:

<div class="myBox">Box</div> 

<style> 

    .myBox{ 
     width:100%; 
     height:100%; 
     padding:6px; 
    } 

</style> 

Я не хочу, чтобы моя обивка деформировать мой ящик.

Я не могу изменить ширину и высоту пропрети.

Answer 1

Добавьте следующее свойство:

box-sizing: border-box; 

Это изменит box-sizing от значения по умолчанию content-box, ширина которого основана исключительно на содержании. border-box Ширина и высота включают контент, padding, а также границы (но не margin).