Teşekkür ederim hocam fakat aşağıdaki en sade haliylede aynı sonucu aldım. Acaba senin vermiş olduğun diğer kodların bir önemi var mı?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ferhat</title>
<link href="stil.css" rel="stylesheet">
</head>
<body>
<div id="cerceve">
<div id="ilk-kutu"></div>
<div id="ikinci-kutu"></div>
</div>
</body>
</html>
#cerceve {
width: 70%;
height: 50px;
margin: 20px auto;
background: #ddaa22;
}
#ilk-kutu {
width: calc(50% - 20px);
height: 50px;
margin: 0 10px;
background: #33ddaa;
float: left;
}
#ikinci-kutu {
width: calc(50% - 20px);
height: 50px;
margin: 0 10px;
background: #ddee11;
float: left;
}