<template> <div class="myLessons-wrapper"> <div class="left"> <Left/> </div> </div> </template> <script> import Left from "./components/Left"; export default { name: "index", components:{ Left, } } </script> <style scoped lang="scss"> .myLessons-wrapper { width: 100%; height: calc(100vh - 50px); padding: 38px 18px 42px; box-sizing: border-box; > div { } .left { width: 100%; height: 100%; max-height: 940px; margin-right: 25px; border: 1px solid#BBBBBB; border-radius: 5px; } } </style>