如何设置宽度100%,为什么我的页面会溢出

如何设置宽度100%,为什么我的页面会溢出

<div>

<table bgcolor="#E1F2F9">

<tr align="center">

<!--logo设置-->

<td align="left"><img src="images/logo.png"></td>

<td>

<!--导航模块-->

<table name="navigation">

<tr>

<td>学校概况&nbsp;&nbsp;&nbsp;</td>

<td>机构设置&nbsp;&nbsp;&nbsp;</td>

<td>师资团队&nbsp;&nbsp;&nbsp;</td>

<td>科学研究&nbsp;&nbsp;&nbsp;</td>

<td>招生就业&nbsp;&nbsp;&nbsp;</td>

<td>图书馆&nbsp;&nbsp;&nbsp;</td>

<td>校长信箱&nbsp;&nbsp;&nbsp;</td>

<td>校园导航&nbsp;&nbsp;&nbsp;</td>

</tr>

</table>

</td>

<!--快捷通道-->

<td>

快捷通道<select name="quick_path">

<option>Volvo</option>

<option>Oppe</option>

<option>Honor</option>

</select>

</td>

</tr>

<tr align><td colspan="3" width="100%">

<img src="./images/banner.jpg">

</td></tr>

</table>

</div>

http://img1.sycdn.imooc.com//climg/5c4da97700014afe13660768.jpg

正在回答

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

3回答

同学你好,测试了你的代码,在我这里效果是没有溢出的。

设置宽度为100%的话,建议直接给最外层的table标签设置width=‘100%’,再给里面的banner图片设置width=‘100%’,不建议给banner图片的父元素设置width=‘100%’,参考下图修改:

http://img1.sycdn.imooc.com//climg/5c4e77c30001889211340596.jpg

自己测试一下,如果帮助到了你,欢迎采纳!

祝学习愉快!

  • hkyzd888 提问者 #1
    是不是浏览器的原因,我用的是chrome
    2019-01-28 13:48:47
山河远阔ZZ 2019-01-28 18:08:08

同学你好,老师又再次进行了测试,测试效果是这样的:

http://img1.sycdn.imooc.com//climg/5c4ed4020001336e19200954.jpg

没有出现你说的溢出现象,怀疑是其他的代码影响到了,不知道你是否还写了其他的代码,如果还有其他代码的话,请重新粘贴完整的代码。也建议你只把你上边粘贴的代码进行运行,查看一下效果。

同学你别着急,有问题我一定会帮你解决,但是我们需要相互配合,这样才能高效的帮助到你。

祝学习愉快!

  • 提问者 hkyzd888 #1
    后面我改用其他方式解决了,所以原来的代码已经不在了,我记住您说的了,以后如果出现问题再咨询吧,谢谢
    2019-01-28 18:14:34
山河远阔ZZ 2019-01-28 14:27:41

这个不是浏览器的问题,我测试的时候也是使用的谷歌浏览器,同学可以把溢出部分的代码粘贴上来,我再根据你的代码进行找错和修改。

  • 提问者 hkyzd888 #1
    溢出的代码就是banner图部分,就是上面发的,然后会出现我上面所发的截图那种效果,图片不能完整的显示在浏览器的窗口内,得向左划才能看完全图
    2019-01-28 17:00:31
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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