0
我想要一個百分之百的高度，但像本網站右側的固定位置：http://www.dast2.com我怎樣才能讓一個div 100％的高度固定下來？
我知道這些都是必需的：身高：100％;位置是：固定;
但它不適用於我。
A
回答
0
html, body{height:100%;}
遵循這一點，並給予100％到div
2
試試這個：
<body>
<div id="sidebar">
</div>
</body>
<style>
div#sidebar {
position: fixed;
background-color : #00FF00;
height: 100%;
width: 300px;
overflow: hidden;
}
</style>
-1
你需要有 '顯示：塊'，爲它工作。
的HTML：
<body>
<div class="container">
<div class="content">
<p>Top bit</p>
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<p>Some content</p>
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<p>Bottom bit</p>
</div>
<div class="fullHeight sidebar">
<h1>Sticky sidebar</h1>
</div>
</div>
</body>
的CSS：
.container {width: 1000px; margin: 0 auto; overflow: hidden; position: relative;}
.content {width: 690; float: left; position: relative;}
.fullHeight {height: 100%; display: block; overflow: hidden; position: fixed; width: 300px; background: red; right: 0; top: 0;}
我做的紅色背景，所以你可以複製的代碼，看看它的工作。我必須承認，我沒有測試過;但我相當確定這是否有用。讓我知道如果它不起作用;那麼我會測試它並修復它。
並記住'位置：相對;'在裏面的固定元素的元素 - 所以它'知道'它應該固定相對於。如果它不在容器內或任何東西（比如我的上面），那麼你可以放置'位置：相對的'。在身體標籤上;像這樣：
body {position: relative;}
+2
你已經BR'd狗的那個人的HTML xD – 2016-12-23 22:42:20
0
瀏覽器不計算高度如此之好。 height: auto意味着'獲得與您的內容相同的高度'。 但是height: 100%並不總是表現良好，因爲元素的內容定義了其高度。所以身高由其內容定義。因此，當你指示你的內容有height: 100%時，你指示它具有與身體相同的高度，但身體與內容高度相同，所以你指示它與自身一樣高。
您必須爲body和html（根元素）提供高度。
在這種情況下，我做了一個演示，我提供了html元素嘲笑height: 10000px。
對於側邊欄（紅色的那個），您需要的唯一屬性是min-height: 100%屬性。您可以在下面的演示中看到側邊欄將佔據其所有垂直空間。剛剛添加了position: fixed;和right:0以使其固定在右側。
這裏是demo
快速注：如果你想有直播現場的效果相同，只是檢查頁面與開發工具，抓住適合您的需要的CSS /標記。
乾杯！
1
舊的，但這裏有雲：
div#sidebar {
position: fixed;
top: 0px;
bottom: 0px
}
顯示你的代碼。 – 2014-09-20 11:56:11
該網站的右側似乎沒有100％的高度。 – GolezTrol 2014-09-20 11:58:57