offsetWidth与clientWidth

平时用惯了jQuery，涉及到页面元素的实际尺寸的时候直接$('#id').width()也就完成了，但是对于其中的原理却是不甚了解

原生JS到底怎么去获取实际尺寸呢？

本来我是想法是获取元素的CSS，但是要知道有些层是没有定义具体的height跟width的，完全是自适应高宽

百度下，获得以下图片，一目了然。