html結(jié)構(gòu)：<div id="left"></div> <div id="right"></div>css代碼：* {    box-sizing: border-box; }#left, #right {    display: inline-block;    vertical-align: top; }#left {    width: calc(100% - 205px);      /* don't know why additional 5px? */}#right {    width: 200px; }demo：https://codepen.io/anon/pen/N...一個(gè)簡(jiǎn)單的兩欄布局，使用calc()動(dòng)態(tài)計(jì)算左邊欄的width來為右邊欄預(yù)留空間。按照我的理解，#right是200px，中間沒有其他內(nèi)容，左欄width應(yīng)該calc(100% - 200px)就足夠了，但是實(shí)際測(cè)試發(fā)現(xiàn)，右欄會(huì)被擠到下一行，而至少需要calc(100% - 205px)才能保證兩欄在同一水平線，多出來的5px在哪里被占據(jù)了？在chrome、IE11測(cè)試均如此