SamanthaLiu (Talk | contribs) |
|||
Line 12: | Line 12: | ||
<style> | <style> | ||
+ | #myleft{ float: left; width: 180px;} | ||
+ | |||
+ | #left-fix{ | ||
+ | position: fixed; | ||
+ | top: 150px; | ||
+ | left: 10px; | ||
+ | width: 220px; background-color: #cccccc; | ||
+ | } | ||
+ | |||
+ | #backtop{ | ||
+ | position: fixed; | ||
+ | bottom: 50px; | ||
+ | right: 10px; | ||
+ | } | ||
+ | |||
#content{ | #content{ | ||
width: 100%; | width: 100%; | ||
− | margin: | + | margin: 180px; |
− | padding: 10px | + | padding: 10px 40px; |
} | } | ||
#top_title{ | #top_title{ | ||
Line 57: | Line 72: | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div id="left-fix"> | ||
+ | |||
+ | <div> | ||
+ | <a href="#link1">Link1</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <a href="#link2">Link2</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <a href="#link3">Link3</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <a href="#link4">Link4</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <a href="#link5">Link5</a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="backtop"> | ||
+ | <a href="#">我要回到顶部</a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="myleft"> | ||
+ | </div> | ||
<nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 13px"> | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 13px"> |
Revision as of 06:27, 3 October 2017