Code đăng bài viết chia 2 cột với SideBar [ Cột 2 ] cốt định khi xem bài viết

[ Goghepthanh.com : Quý khách...Cần Mua Thớt Gỗ, Ván Ghép Giá Tốt, Cần Tìm Xưởng Xẻ Sấy, Bán Nguyên Liệu Gỗ Tràm... Uy Tín, Chất Lượng... Gọi Ngay : 0968 970 650
Mời Quý Khách Ghé Thăm Công Ty - Rất Hân Hạnh Được Phục Vụ. ]

🔥 Hot Topics :

🏷️ Thớt Gỗ Teak   🏷️ Xưởng Thớt Gỗ Xuất Khẩu   🏷️ Xưởng Xẻ Sấy Gỗ Tràm   🏷️ Xưởng Gỗ Ghép   🏷️ Xả Kho Gỗ Ghép Giá Rẻ   🏷️ Nhật Ký Chuyên Đề   🏷️ Thương Hiệu Cá Nhân   🏷️ Điện Thoại Thông Minh Chính Hãng   🏷️ Tư Vấn Xe Đạp   🏷️ Đồ Dùng Nhỏ - Lợi Ích To   🏷️ Mẹ Và Bé   🏷️ Gia Bảo TikTok Shop  

Code đăng bài viết chia 2 cột với SideBar [ Cột 2 ] cốt định khi xem bài viết :
 

 <style>
 .wrapper {
  display: flex;
  justify-content: space-between;
}

.main,
.sidebar {
  border: 3px solid black;
  padding: 15px;
  background-color: #fff;
}

.main {
  width: 60%;
  height: 150vh;
}

.sidebar {
  width: 25%;
  height: 25vh;
}

body {
  background-color: #ccc;
  font-family: sans-serif;
  padding: 10px;
}
 
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
 
  </style>  
<div class="wrapper">
  <div class="main">
    Code Code đăng bài viết chia 2 cột với SideBar [ Cột 2 ] cốt định khi xem bài viết
  </div>
  <div class="sidebar">
    Nội dung Sticky sidebar cố định khi xem nội dung bài viết chính
  </div>
</div>

Code Code đăng bài viết chia 2 cột với SideBar [ Cột 2 ] cố định khi xem bài viết

Nội dung Sticky sidebar cố định khi xem nội dung bài viết chính