縮小的原因溢出

Question

看圖片

這是我與我的標準分辨率（1386 X 788）看到。看，當我試圖縮小上的Internet Explorer會發生什麼：

爲什麼會出現這種情況？如何解決它？這是代碼：

#pages{ 
    width: 190px; 
    height: 100px; 
    border: 1px solid black; 
} 

.p { 
    float:left; 
    width: 100px; 
    height: 100px; 
} 

.i { 
    float: right; 
    width: 80px; 
    border: 1px solid black; 
} 

<div id="pages"> 
    <img class="p" src="a.jpg"/> 
    <div class="i"> Lorem... </div> 
</div> 

Answer 1

試試這個CSS：

#pages{ 
width: 190px; 
height: 100px; 
border: 1px solid black; 
position:relative; 
} 

.i{ 
width: 80px; 
border: 1px solid black; 
position:absolute; 
right:0; 
} 

給這個位置#pages &絕對位置類我 &刪除浮動：權來自第一類，並檢查這個