为什么我的标题和页脚跟图片宽度不一样?还有怎么我的 .kechen这里面的几个中文靠右对其不了?

为什么我的标题和页脚跟图片宽度不一样?还有怎么我的 .kechen这里面的几个中文靠右对其不了?

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

   *{padding:0;margin:0;}

   body{width:1000px;

        height:auto;}

   .head{

       width:100%;

       height:50px;

       background:#000;

       font-size:30px;color:#faf0e6; 

   }

   .body{width:100%;

       height:auto;}

   .footer{

       width:100%;

       height:50px;

       background:#000;

       font-size:16px;color:#faf0e6; 

       text-align:center;

       line-height:50px;

   }  

    .head .kechen{

       font-size:16px;

       text-align:right;

   }

   

      

  </style>

</head>

<body>

  <div class="head">

      <span class="muke">慕课网</span>

      <span class="kechen">课程 职业路径 猿问</span>

     </div>

  <div class="body">

      <img src="http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg"/>

      

      <img src="http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg"/>

      <img src="http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg"/>

      

  </div>

  <div class="footer">

      网站首页  企业合作  人才招聘 联系我们 友情链接

  </div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
小丸子爱吃菜 2017-03-31 09:25:22

再将图片的宽度设置为100%就可以了。

小丸子爱吃菜 2017-03-29 22:04:39

(1)因为body的宽度你设置了1000px,那么头部和底部设置的宽度为100%,也只是撑满了body的宽度,也就是1000px,将body的宽度设置去掉就可以了。

(2)span标签是行内元素,无法设置宽和高,他的宽度就是里面内容的宽度,所以设置文本对齐是没有效果的,这个要使用浮动的属性,来让其右对齐。

祝学习愉快!

  • 提问者 慕粉1945166765 #1
    去掉了body里面的width:1000px和height:auto.还是一样,标题和页脚跟图片宽度不一样.
    2017-03-30 19:52:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师