在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 后端問前端布局問題

后端問前端布局問題

不擅長前端。

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

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

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

剛發(fā)布問題就查到一個解決方式,請前端同學(xué)確認:

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
回答
編輯回答
眼雜

border-box,是以邊框線的外邊緣來定整體大小,默認的是content-box,是以內(nèi)容區(qū)域為整體大小,也就是你設(shè)置的height和width來確定,你這樣改是可以的,如果單單左右布局的話,也可以直接給你的right width:50%;改為max-width:50%;也可以設(shè)置寬度width:calc(50% - 2px)(在你邊框線寬度為1px時)

2018年8月17日 05:55
編輯回答
風(fēng)畔

一般 項目之前reset樣式給常用元素都加box-sizing: border-box;

2017年5月14日 00:45