请老师检查，有没有需要完善的地方，还有个问题：

<!DOCTYPE html>

<html>

<head>

/*此处写代码*/

margin:0;

padding: 0;

list-style: none;

text-decoration: none;

}

div.Navigation{

width: 100%;

max-width: 1100px;

background: black;

overflow: hidden;

position: absolute;

top: 50%;

left: 50%;

margin:-50px 0 0 -550px;

}

img{

float: left;

}

ul{

float: right;

}

li{

float: left;

width: 100px;

height: 100px;

line-height: 100px;

text-align: center;

}

color: white;

font-family: "微软雅黑",serif;

}

a:hover{

cursor: pointer;

}

</style>

</head>

<body>

<ul>

</ul>

</div>

</body>

</html>

萌神丶kin 2019-09-07

源自：CSS网页布局基础 2-4 编程练习

收起

2回答

好帮手慕糖回答被采纳获得+3积分 2019-09-07 15:41:40

同学你好，1、没有哦，是需要设置高度的，不设置高度，top: 0;bottom: 0;这两个都为0，就紧挨着上面与下面显示了，所以高度就占据了全部。

2、代码中的问题：

（1）如下，多了个a的结束标签。

（2）li不需要设置宽度，因为有的项的字体个数是不一样的，占据的宽度也不一致，若是设置宽度的话，会导致彼此之间的间距不一致，建议：可以不设置宽度，由内容撑开，然后直接设置左右外边距即可，例：

希望能帮助到你，祝学习愉快！

收起回答

萌神丶kin 提问者 #1

哦哦哦。有的字符多。有的少。设置宽度会造成间距不一样。。。明白了。

2019-09-07 15:49:13

提问者萌神丶kin 2019-09-07 01:18:34

position: absolute;
top:0；
left:0;
right:0;
bottom:0;
margin:auto auto;
这样来居中。会造成高度变成父元素的高度，（不设置盒子高度的情况下）
请问除了不设置盒子高度，有别的解决办法吗？一般最外部的盒子高度都是内容撑开。自适应的吧。