Question

我在css-tricks.com中看到了一种使用侧边栏粘贴的css技术，它使用了＆＃34;位置＆＃34;财产和＆＃34;汽车＆＃34;顶级属性的价值。它说：

处理此问题的最简单方法就是使用CSS固定定位。我们的侧边栏位于＃page-wrap div中，具有相对定位，因此侧边栏将设置在那里，然后我们将其推入有保证金的地方。

预览

＆＃13;

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Test</title>
		<style type="text/css">
			html {
				background: #f5f5f5;
			}
			
			body {
				margin: 0;
				padding: 0;
			}
			
			#page-wrap { 
			  position: relative; 
			  margin: 0 auto; 
			  width: 600px; 
			  height: 3000px;
			  background: #ccc;
			}

			#sidebar { 
			  position: fixed; 
			  top: auto;
			  margin-top: 50px;
			  margin-left: 410px; 
			  width: 190px; 
			  height: 400px;
			  background: blue;
			}
		</style>
	<body>
		<div id="page-wrap">
			<div id="sidebar">
			</div>
		</div>
	</body>
</html>

＆＃13;

有效。但现在我对＆＃34; auto＆＃34;的方式感到困惑。价值有效。 w3schools定义了＆＃34; auto＆＃34; top属性的值如下：

让浏览器计算上边缘位置。这是默认值。

这意味着如果使用自动值，父容器的上边缘实际上是浏览器的边缘，而不是容器的边缘？

究竟是什么＆＃34; auto＆＃34;对CSS顶级属性意味着什么？

0 个答案: