HTML+CSS 实现顶部右侧悬浮菜单 - 3 个按钮示例 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>悬浮停靠菜单</title>
	<style>
		#menu {
			position: fixed;
			top: 0;
			right: 0;
			background-color: #f1f1f1;
			padding: 10px;
			border: 1px solid #ddd;
			border-radius: 5px;
		}
<pre><code>	#menu div {
		display: inline-block;
		margin-right: 10px;
		padding: 5px 10px;
		background-color: #ddd;
		border-radius: 5px;
		cursor: pointer;
	}

	#menu div:hover {
		background-color: #ccc;
	}
&lt;/style&gt;
</code></pre>
</head>
<body>
	<div id='menu'>
		<div>按钮1</div>
		<div>按钮2</div>
		<div>按钮3</div>
	</div>
</body>
</html>