Question

我是HTML / CSS的新手。我正在为我工作的警长办公室建立一个网站，我遇到了一个问题。

网站左侧有一个固定的div，包括所有链接。内容在右边，并且设计为滚动，但我希望左div（链接）始终保持不变。我在笔记本电脑上设计了这个网站，到目前为止它的工作正常，但是当在桌面上查看主页时，左边的div并没有一直延伸到底部。

以下是链接：http://www.mlpropmgt.com/sheriff3/index.html

我使用百分比，认为这会使得div总是延伸到屏幕的底部，但它似乎没有用。

任何帮助将不胜感激！

Answer 1

从我收集的内容中查看您的网页中的代码，您做了所有正确的事情，并且左栏是100％高度，但是您用作背景的图像不是，css不会拉伸图像，除非您告诉它这样做，你可以使用

.leftbar{ background-size: cover;}

或者使用足够大的图像来计算桌面的额外高度，请记住Imac的窗口高度为1440px

Answer 2

将div的高度设为100％（height:100%;），然后设置position:fixed; 它会工作正常

Answer 3

现在你的左侧有100％的高度，所以工作时div正拉伸到底部。问题是背景图片。背景图像小于桌面窗口高度，因此它看起来像是一直没有拉伸到底部。

可能的解决方案：

将背景图片更改为一个更大的背景图像，只有＃34;背景＆＃34;，并将另外两个图像与sherif星和警长的徽标/名称放在绝对位置所以它们看起来像背景图像。
您可以将以下内容添加到左侧栏中。这里的问题是图像会拉伸，在某些时候你将无法看到完整的徽标/名称
```
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
```

Answer 4

因为你有2个div这样做

<div id="Main_div">
    <div id="left_div">div 1</div>
    <div id="Right_div">div 2</div>
</div>

CSS

#Main_div
  {
    border:1px solid red;
    height:100%;
    width:100%;
    position:fixed;
   }

     #left_div
      {
        border:1px solid black;
        height:100%;
        width:40%;
        float:left;
        position:fixed;
       }

       #Right_div
      {
        border:1px solid blue;
        height:100%;
        marigh-left:41%;
        float:right; // or its not needed

       }

告诉我们

固定Div窗口的长度

4 个答案: