- آموزشگاه تحلیل داده

نتیجه

امتحان کنید

<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			body {
			font-family: "Lato", sans-serif;
			}
			
			.sidenav {
			width: 130px;
			position: fixed;
			z-index: 1;
			top: 20px;
			right: 10px;
			background: #eee;
			overflow-x: hidden;
			padding: 8px 0;
			direction:rtl;
			}
			
			.sidenav a {
			padding: 6px 8px 6px 16px;
			text-decoration: none;
			font-size: 25px;
			color: #2196F3;
			display: block;
			}
			
			.sidenav a:hover {
			color: #064579;
			}
			
			.main {
			margin-right: 140px; /* Same width as the sidebar + left position in px */
			font-size: 28px; /* Increased text to enable scrolling */
			padding: 0px 10px;
			direction:rtl;
			}
			
			@media screen and (max-height: 450px) {
			.sidenav {padding-top: 15px;}
			.sidenav a {font-size: 18px;}
			}
		</style>
	</head>
	<body>
	
		<div class="sidenav">
			<a href="#about">درباره ما</a>
			<a href="#services">خدمات</a>
			<a href="#clients">مشتریان</a>
			<a href="#contact">تماس با ما</a>
		</div>
		
		<div class="main">
			<h2>SideBar با ارتفاع خودکار</h2>
			<p>ارتفاع این sidebar به اندازه محتوا آن (لینک) است و هموراه نمایش داده می شود.</p>
			<p>صفحه را به پایین بکشید تا نتیجه را ببینید.</p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
		</div>  
	
	</body>
</html>