web-project-all
/
新建文本文档.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- <script src="js/jquery.min.js"></script> -->
  <script src="./js/zepto.js"></script>
  <title>获取width,height</title>
</head>
<style>
  * {
    margin: 0;
    padding: 0;
  }

  .box {
    width: 200px;
    height: 200px;
    padding: 10px;
    background-color: coral;
    border: 2px solid #000;
    position: relative;
    top: 150px;
    left: 150px;
  }
</style>

<body>
  <div class='box'>
    我就是一个大盒子
  </div>
</body>
<script>
// $(".box").height();
console.log($(".box").height());
console.log($(".box").css("height"))
// console.log($(".box").innerHeight())
// console.log($(".box").outerHeight())
</script>

</html>