getBoundingClientRect 获取的高度过大

getBoundingClientRect方法获取的高度如果过大，可能是由于计算方式不正确或者样式设置不当所导致的。根据引用和引用中的代码和属性说明，getBoundingClientRect方法返回的高度包括了元素的实际高度（包括padding和border），而不仅仅是内容框的高度。因此，如果元素的padding和border设置过大，或者元素的高度设置过大，都会导致getBoundingClientRect获取的高度值过大。另外，也要注意元素的定位和布局，如果元素被覆盖或者被其他元素遮挡，可能会导致获取的高度不准确。如果你想要获取元素内容框的高度，可以通过减去padding和border的值来得到准确的高度。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [element.getBoundingClientRect();进行获取高度](https://blog.csdn.net/OLiver_web/article/details/80512291)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [getBoundingClientRect获取DOM元素获取的宽和高以及位置](https://blog.csdn.net/tinfengyee/article/details/104176129)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [原生JS获取元素的位置与尺寸实现方法](https://download.csdn.net/download/weixin_38623009/13197601)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]