防止內容隱藏在固定位置的導航欄后面

Question

我有一個高度為40px的導航欄，我無法將其他內容（僅文本區域）放在該欄的下方。 我試圖設置margin-top:40px; 到textarea，但是它不起作用。

然后，我使用padding-top:40px可以處理文padding-top:40px的內容，但是您會看到滾動條有問題（滾動條后面有問題）。

看看這個jsFiddle

Answer 1

向導航padding-bottom: 40px添加padding-bottom: 40px ，並將其從文本區域中刪除。

Answer 2

采用

postion:fixed;
and margin to push contents out

http://jsfiddle.net/4Y63u/3/

Answer 3

作為@Andrw Ice的答案的替代方法

您只需要給textarea的空白添加一些內容即可。

JSfiddle演示

這很常見，因為優點是如果導航欄被隱藏，它不會導致任何元素移動。

body {
    border:1px solid transparent;
}

nav + textarea{
    margin-top: 40px;
}