2011-03-04 177 views
0

看看這個網頁:http://dev.driz.co.uk/attachment.htmlCSS:屏幕的圖像感人邊緣

正如你將看到你的固定側邊欄和定位絕對和允許用戶左右滾動一個巨人的形象一個div。所有的作品都很好,希望如果你向右滾動,你會看到圖像觸摸屏幕的邊緣,並沒有像其他內容一樣的40像素的填充?任何想法爲什麼?

感謝

回答

3

浮法這個div留下

div#attachment div.padding { 
     float: left; 
     padding: 40px; 
} 
+0

甜的作品:)我爲什麼要浮起來? – Cameron 2011-03-04 19:40:27

+0

浮動它或設置包含div的寬度將工作。 'div.padding'超出了包含div。 – Kyle 2011-03-04 19:45:16

+0

更正。圖像超出了'div.padding' – Kyle 2011-03-04 19:51:20

1

這也將工作:

<div class="padding" style="position: inherit;"> 
<img src="http://dummyimage.com/1440x900/00aeff/fff"> 
</div>