【小5聊】前端这些高宽度你真的了解吗（1）

【开发信息】

jquery+div+css

【简单小叙】

1）普通高宽度：就是height和width的值
2）完整高宽度：包括本身设置的边框大小、外边距、内边距，实际上还有一个内容层
3）方法：$("div").outerHeight()、$("div").height()

【document高宽度】

1）document的高宽度-height()，效果如下

 

document的高宽度.png

【body和window高宽度】

1）body和window的高宽度-height()，效果如下

 

body和window的高宽度.png

【总结】

由以上分析可知
1）document是整个文档高宽度，包括可视范围和不可视范围（就是看不见的区域的高宽度）
2）body和window就是可视范围的高宽度

未完待续，再会