css盒子边框的精准计算

1920px宽度的wrapper盒子内套nav盒子(border:1px;)设置横向导航条八个栏目每个栏目(li标签属性)都有1px右边框应该把每个栏目的宽度设成多少,为什么(网页已经初始化去掉margin border)

  1. nav盒子左右宽度占了两个像素,剩下1918px,
  2. 设置导航元素li box-sizing: border-box转换为怪异盒模型,宽度width包括内容,内边距,边框,
  3. 所以每个li 1918/8 = 239.75px

另外,你如果想每个li宽度一样,直接用百分比是最好的,还能自适应屏幕

如有帮助,麻烦点个【采纳此答案】 谢谢啦~

建议设置box-sizing: border-box,这样不用计算paddingborder

两个div,width都为100,border为1,总宽度就是1+100+1+1+100+1
如果给两个div设置box-sizing:border-box,总宽度就是100+100