<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1 { width: 300px; height: 200px; background-color: #00FFFF; position: relative; } .box2 { width: 100px; height: 100px; background-color: #283037; position: absolute; top: 50px; left: 100px; } </style> </head> <body> <div class="box1"> <div class="box2"></div> </div> </body> <script src="js/jquery-3.3.1.js"></script> <script> var sz = $('.box1').css('width', 200) var res = $('.box2').css('border-radius', '10%') var res = $('.box2').css('box-shadow', '3px 3px 3px #888') var res = $('.box2').offset() console.log(res) </script> </html>