Level 70
@oxbir have you checked this discussion? https://stackoverflow.com/questions/37191672/100vh-doesnt-take-whole-screen
6 likes
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I want to create pdf with laravel. When I create a sidebar, It has need to height of 100%.
<!doctype html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<div class="col-300">
<div class="card">
<img src="{{ asset('images/avatar.png') }}">
</div>
</div>
<div class="col-822"></div>
</div>
</body>
</html>
style.css
body {
background-color: red;
font-family: Tahoma;
}
.col-300 {
width: 300px;
background-color: blue;
float: right;
min-height: 100vh;
height: auto !important;
}
.col-822 {
width: 822px;
height: 200px;
float: left;
background-color: green;
}
.card {
padding: 50px;
}
.card img {
width: 200px;
}
I see this demo.
@oxbir have you checked this discussion? https://stackoverflow.com/questions/37191672/100vh-doesnt-take-whole-screen
Please or to participate in this conversation.