* {margin: 0; padding: 0; list-style: none; text-decoration: none;}
section {position: relative; padding-left: 150px;}
section aside {position: fixed; left: 0; padding: 15px; background-color: #666; color: #fff; height: 100%;}
section aside a {color: inherit; display: block; padding: 5px;}
section aside a:hover {background-color: #fff; color: #000;}
<section>
<aside>
<h3>Left Sidebar</h3>
<nav>
<ul>
<li><a href="">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
</ul>
</nav>
</aside>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet natus dolorum tempora consequatur, magni omnis maxime perferendis similique, dolor eius sapiente optio, officia aliquam necessitatibus, possimus temporibus libero ducimus! Maiores!</p>
<p>Perferendis quae sint, amet voluptates assumenda est at sapiente! Atque, eligendi explicabo id rerum eos ipsa natus est, reiciendis labore in mollitia ad delectus. Asperiores nihil cum sint explicabo praesentium!</p>
<p>Ipsa autem harum eum libero, fugiat, commodi dicta, expedita aspernatur minus, delectus eligendi incidunt natus minima mollitia enim. Dicta earum quo, obcaecati voluptate veniam error dignissimos expedita porro reprehenderit architecto?</p>
<p>Quo dolorum non blanditiis debitis aspernatur earum nulla ut sit unde doloribus? Cumque sed debitis error dolor earum non optio aut nemo, nobis fuga nisi aspernatur quidem dicta ab suscipit.</p>
<p>Saepe qui voluptates eum iure repellat, eos ut ipsam debitis excepturi, consequuntur tenetur? Corporis quam molestiae doloremque qui quo, rem sint recusandae, molestias culpa iusto reiciendis mollitia alias ipsum veniam.</p>
</section>
可以給我們當前的代碼嗎? – jaunt
是這樣的嗎? http://getbootstrap.com/examples/dashboard/ – undsoft
@PraveenKumar Illa媽媽已經ethuna iruntha使用pannikama拉...回收... –