后端問前端布局問題

不擅長前端。

我布局的時候老是會撐大，比如

<div>
  <div id="left" style=" float:left;width:50%"></div>
  <div id="right" style=" float:right;width:50%"></div>
</div>

由于標(biāo)準(zhǔn)的盒子width指的是內(nèi)容的寬度，我給leftdiv加個邊框布局就亂了，我布局總是從外往里一層一層定大小啊，這個思路不對？
感覺還IE盒子人性化。。。

剛發(fā)布問題就查到一個解決方式，請前端同學(xué)確認(rèn)：

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}