CSS-позиционирование 70-30 со встроенным блоком

Я позиционируюmain-bar а такжеside-bar с70-30 соотношение как под:JSFIDDLE

.main-bar, .side-bar{
	position: relative;
	margin:0; padding: 0;
	outline: 0;
	display: inline-block;
	border:none;
    background:#CCC
}
.main-bar{width: 70%}
.side-bar{width: 30%}

/* This Works

.side-bar{width: 29%}

*/
<div class="main-bar">
    I am the King!
</div>

<div class="side-bar">
   I am not less!
</div>

Интересно, что это работает с70-29 соотношение. Я что-то пропустил?

Ответы на вопрос(4)

Ваш ответ на вопрос