CSS-HTML-Resize屏幕

时间:2016-08-16 08:51:15

标签: html css resize

他在那里!

我在Basic网站上学习了解编码。 我不明白的是这个。

在CSS中我有一个容器:宽度80% 在里面我有一个标题:高度270px 在标题内我有一个菜单。身高:65px

我没有设置标题和菜单的宽度,因为容器的宽度是80%,这是好的想法?不是吗?

嗯,它的确有效。什么不起作用是这个.. 我希望菜单固定,因为当我滚动我想让我的菜单与我同行。

位置:固定; - 我的菜单较短?为什么?当我设置79%的宽度时,我会纠正这个。但是,如果我调整屏幕大小,菜单将从右侧的容器外部进行..我不明白为什么?因为它在容器中。

有人可以解释一下吗?

CSS -



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
#container {
    width: 80%;
    height: auto;
    margin-top: -1%;
    padding: 0 10%;}
#header {
    height: 270px;
    background-color: gainsboro;}
#menu {
    height: 65px;
    
    float: left;
    background: darkgrey;
    position: fixed;}

#menu ul li {
    list-style-type: none;
    display: inline-block;
    float: right;
    margin: 20px 20px 0 0;}
a {
    text-decoration: none;
    font-family: sans-serif;
    color: lightblue;
    font-size: 21px;}
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

删除左边的浮动。当li显示时,它不是必需的:内联块。同样在#menu中固定的revome位置和你的darkgray菜单将有100%的宽度。

#menu {
    height: 65px;
    background: darkgrey;
   }

Your code will look like this

答案 1 :(得分:0)

谢谢,但100%宽度不是问题。 如果我向下滚动,我想让我的菜单坚持下去。 这就是为什么我把位置设置为固定。但是菜单不那么短,我只想让它有100%的宽度。

如果我以79%的宽度更正它并且我调整屏幕大小,菜单会在右侧(容器外部?!?)突出,我不明白。

我希望你们能理解我的问题。