麻烦老师看下代码是否正确，谢谢！

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

麻烦老师看下代码是否正确，谢谢！

来源：2-10 编程练习

MemoryNic

2019-08-08 17:04:23

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

/*此处写代码*/

* {margin:0;

padding:0;

color:white;

font: bold 18px "微软雅黑";}

a {text-decoration:none;}

ul {list-style:none;}

.header {width:100%;

height:100px;

background:black;

margin:0 auto;

position:fixed;}

.logo {width:300px;

float:left;

margin-left:0;}

.logo img {display:block;}

.nav {float:right;

padding-top:30px;}

li {display:inline-block;

margin:5px 30px;}

.container {padding:100px 80px;

background:#ACD6FF;

width:100%;

height:1000px;}

h2,p,span {color:black;}

p,span {font-weight:normal;

line-height:50px;}

h2 {font-size:26px;}

span {background:#FF9797;}

.left {width:60%;

float:left;

font-size:20px;

margin-top:50px;}

.right {width:40%;

float:right;

font-size:20px;

margin-top:50px;}

.footer {width:100%;

height:100px;

background:black;

margin:0 auto;

text-align:center;

position:fixed;

bottom:0;

line-height:100px;}

</style>

</head>

<body>

<div class="header">

<div class="logo">

<a href="#"><img src="http://img1.sycdn.imooc.com\/climg/58c0d2d900016ce303000100.png"/></a>

</div>

<div class="nav">

<ul>

<li><a href="#">课程</a></li>

<li><a href="#">职业路径</a></li>

<li><a href="#">实战</a></li>

<li><a href="#">猿问</a></li>

<li><a href="#">手记</a></li>

</ul>

</div>

</div>

<div class="container">

<div class="left">

<h2>课程推荐</h2>

<p><span>职业路径</span>  HTML5与CSS3实现动态网页</p>

<p><span>职业路径</span>  零基础入门Android语法与界面</p>

<p><span>职业路径</span>  iOS基础语法与常用控件</p>

<p><span>职业路径</span>  PHP入门开发</p>

<p><span>职业路径</span>  JAVA入门开发</p>

</div>

<div class="right">

<h2>相关课程</h2>

<p>HTML  CSS  JavaScript</p>

<p>HTML5  CSS3  Jquery</p>

<p>移动端基础  移动端APP开发</p>

</div>

</div>

<div class="footer">

<li><a href="#">网站首页</a></li>

<li><a href="#">企业合作</a></li>

<li><a href="#">人才招聘</a></li>

<li><a href="#">联系我们</a></li>

<li><a href="#">常见问题</a></li>

<li><a href="#">友情链接</a></li>

</div>

</body>

</html>

写回答

1回答

好帮手慕言

好帮手慕言

2019-08-08

已采纳

同学你好，有以下问题

1、页面出现了横向滚动条，原因是.container元素设置的宽度为100%，又设置padding值导致的

建议：去掉宽度的设置。

代码参考：

2、元素设置垂直居中，建议给元素设置行高，值为父级的高度。

代码参考：

祝学习愉快~

0

0 学习 · 40143 问题

相似问题

老师帮忙查看一下是否正确，谢谢

回答 1

麻烦老师查看代码正确性，谢谢！

回答 1

麻烦老师帮忙看下，这样写是否可以，谢谢老师。

回答 2

请老师查看代码是否正确，感谢！！

回答 1

老师帮忙看看是否正确谢谢

回答 1

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