Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<style>
div.container {
width: 100%;
border: 2px double #1c87c9;
}
div.box {
box-sizing: border-box;
width: 50%;
border: 3px solid #ccc;
float: left;
padding: 3px;
}
</style>
</head>
<body>
<h2>Пример box-sizing</h2>
<p>Здесь увидите две граничные блоки, которые установлены рядом друг с другом.</p>
<div class="container">
<div class="box">Левая часть</div>
<div class="box">Правая часть</div>
<div style="clear:both;"></div>
</div>
</body>
</html>