为什么我给div设置了宽度 不能控制table的宽度 还有 div不能设置背景颜色的吗

为什么我给div设置了宽度 不能控制table的宽度 还有 div不能设置背景颜色的吗


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>


<title>慕课网</title>

    </head>

    <body>

    <div height="80px" align="center">

    <table height="80px" width="100%"bgcolor="#E1F2F9" align="center" cellspacing="0">

    <tr>

    <td width='350px'><img src="素材/images/logo.png" height="60px" /></td>

    <td >学校概况&nbsp;&nbsp;机构设置&nbsp;&nbsp;师资队伍&nbsp;&nbsp;科学研究&nbsp;&nbsp;招生就业&nbsp;&nbsp;图书馆&nbsp;&nbsp;校长信箱&nbsp;&nbsp;校园导航</td>

    <!--<td align="right">快速通道</td>-->

    <td align="left" width="250px">

    <form>

    快速通道

    <select>

    <option>volvo</option>

    </select>

    </form>

    </td>

    </tr>

    </table>


    </div>

   

    <div>

    <img src="素材/images/banner.jpg" height="300px" width="100%"/>

    </div>

    <div align="center">

    <table width="900px" cellspacing="5">

    <tr>

    <th align="left">慕课快讯 基层采风 媒体聚焦 慕课视频 &gt;&gt;<br></th>

    <th align="left">慕课快讯 基层采风 媒体聚焦 慕课视频 &gt;&gt;<br></th></tr>

                    <tr>

                    <td align="left">&gt;慕课平台课程扩容 涵盖多个领域 12-30<br>

                    &gt;李克强主持座谈会 葛优刘国梁被请进中南海 12-30<br>

                    &gt;台军演习“歼灭”解放军 专家:自欺欺人 12-30<br>

                    &gt;气象局停发霾预警?回应:正协商联合发布机制 12-30<br>

                    &gt;独家:小米影业解散宣发部门 宣布成立一年后刹车 12-30<br>

                    &gt;“哑巴群众”开口说话 是稿件有误还是新闻造假? 12-30<br>

                    &gt;要置业,看看2017年全球楼市掘金路线图 12-30<br>

                    &gt;王健林与房地产越来越远?贾跃亭与房地产越来越近 12-30<br>

    </td>

    <td>&gt;慕课平台课程扩容 涵盖多个领域 12-30<br>

                    &gt;李克强主持座谈会 葛优刘国梁被请进中南海 12-30<br>

                    &gt;台军演习“歼灭”解放军 专家:自欺欺人 12-30<br>

                    &gt;气象局停发霾预警?回应:正协商联合发布机制 12-30<br>

                    &gt;独家:小米影业解散宣发部门 宣布成立一年后刹车 12-30<br>

                    &gt;“哑巴群众”开口说话 是稿件有误还是新闻造假? 12-30<br>

                    &gt;要置业,看看2017年全球楼市掘金路线图 12-30<br>

                    &gt;王健林与房地产越来越远?贾跃亭与房地产越来越近 12-30<br></td>

    <td><img src="素材/images/weixin.png"></td>

    </tr>


    </table>

    </div>

<br><br>

    <div width="900" align="center">

     

    <table width="100%" align="center" cellspacing="0">

    <tr>

      <td aling="center">近期专题</td>

     </tr>

    <tr>

    <td align="center">

      <dl>

        <dt><img src="素材/images/1.png"/></dt>

        <dd>教育发展基金专题</dd>

        </dl>

    </td>

    <td align="center">

<dl>

    <dt><img src="素材/images/2.png"/></dt>

        <dd>教育发展基金专题</dd>

        </dl></td>

    <td align="center">

<dl>

    <dt><img src="素材/images/3.png"/></dt>

        <dd>教育发展基金专题</dd></dl>

        </td>

        

    </tr>

    </table>

         

    </div>

    <div background-color="" align="center">

    <p bgcolor="#E1F2F9">文化站点&nbsp;信息服务&nbsp;校友会&nbsp;教学管理系统&nbsp;网络教学平台&nbsp;npn服务&nbsp;acm/oj&nbsp;旧版入口&nbsp;站群系统</p>

    </div>

    <div background-color="#89A9BD" height="100" align="center">

           Copyright © 2018 imooc.com All Rights Reserved | 京ICP备 12003892号-11

    </div>

    </body>

</html>




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

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

1回答
好帮手慕夭夭 2018-07-04 14:05:04

table需要单独设置宽度的 , 如设置100%使其相对父元素100%显示 . div可以设置背景色的哦 , 需要结合css样式 , 作业中可以给table设置背景色即可 . 如果解答了你的疑惑 ,望采纳 ,祝学习愉快 !

  • 提问者 qq_陈大吹_0 #1
    这个我知道呀 但是我在table外面套了一个div我给div设置了width 居中显示 table设置了100%为什么table还是按照浏览器的宽度呢
    2018-07-04 15:30:43
  • 提问者 qq_陈大吹_0 #2
    这个我知道呀 但是我在table外面套了一个div我给div设置了width 居中显示 table设置了100%为什么table还是按照浏览器的宽度呢
    2018-07-04 15:30:57
  • 好帮手慕夭夭 回复 提问者 qq_陈大吹_0 #3
    根据你上传的代码 ,div只设置了高度 , 并没有设置宽度哦 . 可以给div加width试一下哦
    2018-07-04 16:04:27
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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