写样式一些经验：

sidebar:

.sidebar {            position: fixed;//脱离原来的文本流，可以固定再浏览器的窗口的某个部位            top: 51px;              bottom: 0; //与top一起使用，即使不带高度，也能按浏览器的高度显示            left: 0;            z-index: 1000;            display: block;            padding: 20px;            overflow-x: hidden;            overflow-y: auto;            background-color: #ddd;            border-right: 1px solid #eee;        }

margin、padding:使用100%是按照父元素的width来的

.类名+*  选择该类名元素后面紧邻的兄弟元素。该兄弟元素可以为任意标签。

导航栏的a:hover效果可以用背景图片表示。