0

无法将 HTML 大小划分为 100%。它产生了 100% 的窗口大小，但即使 HTML 比窗口大，它也不会继承它的大小，这一切的问题是我只需要一个分区就可以像 body 或 HTML 一样大。我的CSS是：

body, html{
    width: 100%;
    height: 100%;
    margin: 0 auto;

    }

#leftNav{
    background-image: url("images/nav_bar.png");
    background-repeat: no-repeat;
    background-position: top left; 
    width: 20%;
    height: inherit;
    position: relative;
    float: left;
    background-color: #000000;
    }

这就是它目前的样子：http: //i.imgur.com/99VUULm.png

这就是我想要的样子：http: //i.imgur.com/2JNZG1f.png

我不希望其余内容与 HTML 大小相同，只需 leftNav。有任何想法吗？

4

2 回答 2

1

如果您希望它滚动，则需要根据您是否希望它水平和/或垂直滚动​​来设置固定的宽度和/或高度。body 和 HTML 的父级是窗口，因此将其设置为 100% 意味着它始终是窗口的全宽和全高。

于 2013-02-03T09:00:20.307 回答
1

尝试添加

position: fixed;

到#leftNav。另外，我很确定 body 和 html 的宽度和高度是多余的，甚至可能搞砸了。

如果这不是你要找的，请告诉我..

于 2013-02-03T09:06:48.580 回答