请老师帮忙检查，谢谢！

首页课程实战体系课手记专栏慕课教程

请老师帮忙检查，谢谢！

来源：2-12 编程练习

冯靖博

2020-09-13 10:45:47

<!DOCTYPE html>

<html>

<head>

*{margin:0;padding:0;}

.header{background-color:black;width:100%;height:100px;margin:0 auto;}

.logo{float:left;}

.list{float:right;color:white;list-style:none;line-height:100px;}

.list li{font-size:20px;display:inline-block;margin:0 50px;}

.container{background:#ADD8E6;width:100%;height:600px;position:relative;clear:both;}

.footer{background-color:black;width:100%;height:100px;color:white;}

.left{float:left;width:25%;height:600px;line-height:40px;margin-top:100px;margin-left:100px;}

.right{float:left;width:30%;height:600px;line-height:40px;margin-top:100px;margin-left:100px;}

.denglu{float:left;height:600px;width:25%;line-height:40px;margin-top:100px;margin-left:50px;}

.a2{background-color:pink;}

.list2 li{font-size:20px;display:inline-block;margin:0 30px;}

.list2{list-style:none;text-align:center;line-height:100px;}

ul li{list-style-type:none;}

</style>

</head>

<body>

</ul>

</div>

<ul>

<li><a class="a2">职业路径</a>  HTML与CSS实现动态网页</li>

</ul>

</div>

<ul>

<li>HTML与CSS实现动态网页</li>

</ul>

</div>

</div>

</ul>

</div>

</body>

</html>

写回答

1回答

好帮手慕慕子

2020-09-13

同学你好，代码中存在的问题解答如下：

如下所示，由于img自带间距，导致logo区域实际高度移出顶部，顶部和中间内容之间存在间距
、
建议：给img添加display:block;属性，消除间隙
由于文字之间默认存在行间距，导致ul的实际高度溢出顶部
建议：给ul设置固定高度
中间内容缺少橙色分割线。建议：添加一个空div设置样式
设置分割线样式
如下所示，表单样式不美观
建议调整：
如下所示，由于内容超出container高度，导致页脚内容无法正常显示。
建议：调整container高度，让其刚好包裹所有的内容。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0 学习 · 40143 问题

查看课程

相似问题

请老师帮忙检查，谢谢！

回答 1

请老师帮忙检查谢谢！

回答 1

请老师检查，谢谢。

回答 2

请老师检查下代码多谢！

回答 2

请老师帮忙检查，谢谢！

回答 1

打开慕课网App查看更多内容