losesmile 2021-12-27 20:27 采纳率: 50%
浏览 32
已结题

css盒子边框的精准计算

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

  • 写回答

3条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-28 12:55
    关注
    1. nav盒子左右宽度占了两个像素，剩下1918px，
    2. 设置导航元素li box-sizing: border-box转换为怪异盒模型，宽度width包括内容，内边距，边框，
    3. 所以每个li 1918/8 = 239.75px

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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 1月5日
  • 已采纳回答 12月28日
  • 创建了问题 12月27日

悬赏问题

  • ¥15 echarts动画效果失效的问题。官网下载的例子。
  • ¥60 许可证msc licensing软件报错显示已有相同版本软件，但是下一步显示无法读取日志目录。
  • ¥15 Attention is all you need 的代码运行
  • ¥15 一个服务器已经有一个系统了如果用usb再装一个系统，原来的系统会被覆盖掉吗
  • ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时，终端显示出了sequence handled的进度条，但是并不出结果就自动终止回到命令提示行了是怎么回事：
  • ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
  • ¥30 关于<main>标签页面跳转的问题
  • ¥80 部署运行web自动化项目
  • ¥15 腾讯云如何建立同一个项目中物模型之间的联系
  • ¥30 VMware 云桌面水印如何添加