width, padding, border同时存在的宽度表现实例页面

展示

代码

• HTML：

  <div class="div">
    此时元素的offsetWidth是：<span id="divWidth"></span>
  </div>

• CSS：

  .div {
    width: 100px;
    padding: 20px;
    border: 20px solid;
  
    margin: auto;
  }

• JS：

  var eleShowWidth = document.getElementById('divWidth');
  if (eleShowWidth) {
    eleShowWidth.innerHTML = eleShowWidth.parentNode.offsetWidth;
  }