<!DOCTYPE html>
<html>
<head>
<style>
.div1 {
width: 300px;
height: 100px;
border: 1px solid blue;
}
.div2 {
width: 300px;
height: 100px;
padding: 50px;
border: 1px solid red;
}
</style>
</head>
<body>
<h1>box-sizingなし</h1>
<div class="div1">このdivは小さくなります(幅は300px、高さは 100px)。</div>
<br>
<div class="div2">このdivはさらに大きくなります(幅も300px、高さは100px)。</div>
