css - parent 的固定位置 100

Question

我遇到了困难:我有一个不知道大小的父元素。我有一个元素，它必须永久放置在 body 的顶部，然后是 position: fixed，但我不能，因为给它 width: 100% 是主体的 100%，但我想要父元素的 100%。我该怎么办？

示例:http://codepen.io/michele96/pen/jWbYQb

Answer 1

设置.fixed的宽度为width: inherit;不要使用100%

body {
	padding: 0;
	margin: 0 auto;
}
.container {
	position: relative;
	width: 70%;
	height: 1000px;
	background: red;
}

.fixed {
	position: fixed;
	width: inherit; /*change here*/
	line-height: 50px;
	background: blue;
	color: #f0f0f0;
	text-align: center;
	font-size: 20px;
}

<div class="container">
	<div class="fixed">Navbar Fixed</div>
</div>