我有一个页面显示图像,图像看起来真的很混乱:)
页面的外观如下:

http://www.comehike.com/outdoors/parks/park.php?park_id=15

看到右侧中间的图像看起来非常混乱。当我尝试查看源代码时,下面的html是我得到的。但是从单看来看,它看起来很合理-不?

<a href="http://www.comehike.com/hikes/hike_image.php?hike_photo_id=&photo_path=http://www.comehike.com/img/hiking_photos/108_101/full_DSC_2822.JPG"><img src="http://www.comehike.com/img/hiking_photos/108_101/small_DSC_2822.JPG" style="border: none;" /></a>

最佳答案

我看到两个问题。一种是,某些图像链接已损坏,因此其他所有图像均未加载。第二个是,图像包含在具有明确尺寸的div中,并且内容不适合div内,并且它们从下面内容的顶部流出。

您可以将“ overflow” css属性设置为auto,它将添加滚动条,或者可以删除显式的height属性,并保留其余的布局流程(可能是首选)。

09-20 23:40