Question

html {
    padding-top: 8%;
    font-family: Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: normal;
}

body {
background-image: url("image/background.jpg");
background-size: 30%;

}

h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

 li {
 float: left;
 }

li a {
display: block;
color: white;
text-align: center;
padding: 10px 10px;
text-decoration: none;
font-style: bold;

}

li a:hover {
background-color

您好，由于某种原因，菜单栏不会保持在同一位置，然后与背景不匹配，它假设保持在棕色背景颜色所在的正下方。任何方法保持相同的位置，看看附加的两个图像。谢谢。中心的图像描述 enter image description here enter image description here

Answer 1

还必须查看HTML标记。但是从我收集的内容来看，包含LI项目的UL设置为屏幕百分比的宽度，而不是设置为停在一定大小。

当Internet Explorer窗口最大化时，菜单栏不会保持相同的位置？

1 个答案: