滑塊/圖片流出文檔流

Question

我想將我的側邊欄浮動到左側，然後將滑塊移到右側，但是，我的圖片不在文檔流中。

基本上我想要做的是當用戶調整瀏覽器窗口大小時，圖像會縮小（這就是爲什麼我使用最大寬度：100％）。

Chrome瀏覽看問題

Answer 1

您可以嘗試使用width : 100%您主要類像下面。

.main { 
position: relative; 
float: right; 
max-width: 600px; 
margin: 0; 
width: 100%; 
} 

編輯：

您已編輯您的標記設計。您已將新的內容div添加到您的文章div之外。

編輯

#page-wrap { 
max-width: 960px; 
min-height: 100%; 
height: auto !important; 
padding-bottom: 40px; 
margin: 0 auto; 
position: relative; 
} 

#sidebar { 
position: absolute; 
width: 300px; 
left: 0; 
top: 130px; 
} 

.content { 
max-width: 600px; 
position: absolute; 
left: 360px; 
top: 130px; 
right: 0; 
} 

如果您改變類這樣，當瀏覽器的大小時，圖像將被調整。

你可以看看關於這個問題的簡單演示。

http://jsfiddle.net/qCQ9H/2/