让div的border不占宽度按以下步骤进行：
1，创建一个新的html文件。
2，介绍jquery.min.js文件。
3，创建HTML内容。
4，预览效果如图所示。
5，使用jquery创建一个click事件。
6，单击时弹出div的宽度。
7，单击弹出效果所示的预览效果允许div的边框不占据宽度。
扩展资料：
<div> 标签定义 HTML 文档中的分隔或部分。div属于web前端的学习内容，其中<div> 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。<div> 可定义文档中的分区或节。<div> 标签可以把文档分割为独立的、不同的部分。
它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
当使用 CSS-P 的时候， 主要把它用在 DIV（division）tag 上。当把文字，图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候，就知道它们是指一段在 DIV 中的 HTML。
使用 DIV 的方法跟使用其他 tag 的方法一样：
如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和不使用是一样的。
但当把 CSS-P 用到 DIV 中去以后，就可以严格设定它的位置。首先需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说给这个 DIV 的名字是 truck。给名字的目的是以后可用JavaScript来控制它， 比如说移动它或改变它的一些性质等等。
参考资料：百度百科-DIV
1、新建html文件。
2、引入jquery.min.js文件。
3、创建HTML内容。
4、预览效果如图。
5、用jquery创建点击事件。
6、当点击时弹出div的宽度。
7、预览效果如图点击弹出让div的border不占宽度。
如果你 没有设置border-sizing：border-box；那么就不会占div的宽度,比如
width:100px,border:1px solid #e3e3e3;那么实际宽度是102px
如果设置了，那么实际宽度就是100px
ps: border-sizing：border-box；不兼容IE7
加样式 <style border:0px;>
你只能用设置背景边框的形式代替，只能设置背景
