CSS Positionierung 70-30 mit Inline-Block

Ich positionieremain-bar undside-bar mit70-30 ratio wie unter: 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>

nteressanterweise funktioniert es mit70-29 Verhältnis. Habe ich etwas verpasst

Antworten auf die Frage(4)

Ihre Antwort auf die Frage