Question

我已经建立了一个网站，但现在需要进行一些更改。左边有一张主图片，右边有一组不同的缩略图，对着大画面浮动。我想扩大整个页面的大图片，但是小图片会在右边的工具栏上显示，而且通常都在整个地方。我可以按照我的意愿将它们放在主画面下，但是它们会以一些无法解释的边缘保持在右边。

我只想让主要图片覆盖页面，以及

下面一行中的小图片

网站页面在这里： http://www.residentialrealtors.co.uk/properties/12-chelsea-cloisters-sloane-aven/

影响这些div的代码是：

    .fsrep-main-image {float: left; margin-right: 8px; text-align: center;}
    .fsrep-main-image img { padding: 1px; border: 1px solid #CCC; }
    .fsrep-images {  } 
    .fsrep-aimages {margin-left: 0px;}
    .fsrep-aimage { float: left; width: 100px; height: 80px; padding: 0 10px 5px 0; margin-bottom: 4px; text-align: center; } 
    .fsrep

-aimage img { padding: 3px; border: 1px solid #CCC; }

主要形象是最重要的。 Aimage是他们自己的小人物，而aimages则是小团体。

我希望有人可以提供帮助。我正在努力解决这个问题

Answer 1

尝试在html标签中添加一个明确的类：

<div id="fsrep-aimages" class="clear">

然后将此添加到您的CSS（除非您有等效的）

.clear  { clear: both;}

并从该div中删除362px的保证金。然后它应该向下移动并停止在你的脸上吹。

然后，您可以将大图像放大到div的整个宽度

浮动div问题

1 个答案: