2011-03-04 130 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>