浮動div問題

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;} 

和也刪除你的362px頁邊距。這應該在下面移動，並停止在你的臉上炸。

然後您就可以將您的大圖像放大到div的全部寬度