我在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;
答案 0 :(得分:0)
删除左边的浮动。当li显示时,它不是必需的:内联块。同样在#menu中固定的revome位置和你的darkgray菜单将有100%的宽度。
#menu {
height: 65px;
background: darkgrey;
}
答案 1 :(得分:0)
谢谢,但100%宽度不是问题。 如果我向下滚动,我想让我的菜单坚持下去。 这就是为什么我把位置设置为固定。但是菜单不那么短,我只想让它有100%的宽度。
如果我以79%的宽度更正它并且我调整屏幕大小,菜单会在右侧(容器外部?!?)突出,我不明白。
我希望你们能理解我的问题。