CSS Max-width Kullanımı - CSS width ve max-width Karşılaştırması

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
div.kutu1 {
    width:600px;
    margin: auto;
    border: 1px solid green;
}

div.kutu2 {
    max-width:600px;
    margin: auto;
    border: 1px solid green;
}
</style>
</head>
<body>

<div class="kutu1">Kutu1 width: 600px;</div>
<br>

<div class="kutu2">Kutu2 max-width: 600px;</div>

<p><strong>Tarayıcı penceresini yeniden boyutlandırarak farklı görebilirsiniz.</strong></p>

</body>
</html>