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

来源:3-10 作业题

hkyzd888

2019-01-27 20:52:28

<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://img.mukewang.com/climg/5c4da97700014afe13660768.jpg

写回答

3回答

山河远阔ZZ

2019-01-28

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

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

http://img.mukewang.com/climg/5c4e77c30001889211340596.jpg

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

祝学习愉快!

0
hkyzd888
h 是不是浏览器的原因,我用的是chrome
h019-01-28
共1条回复

山河远阔ZZ

2019-01-28

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

http://img.mukewang.com/climg/5c4ed4020001336e19200954.jpg

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

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

祝学习愉快!

0
hkyzd888
h 后面我改用其他方式解决了,所以原来的代码已经不在了,我记住您说的了,以后如果出现问题再咨询吧,谢谢
h019-01-28
共1条回复

山河远阔ZZ

2019-01-28

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

0
hkyzd888
h 溢出的代码就是banner图部分,就是上面发的,然后会出现我上面所发的截图那种效果,图片不能完整的显示在浏览器的窗口内,得向左划才能看完全图
h019-01-28
共1条回复

0 学习 · 36712 问题

查看课程