2011-03-04 4 views
0

체크 아웃 : http://dev.driz.co.uk/attachment.htmlCSS : 화면의 이미지 감동 가장자리이 웹 페이지

당신은 고정 된 사이드 바 및 절대 위치와 사용자가 거대한 이미지를 주위에 스크롤 할 수있다 사업부를 얻을 볼 수있다. 모든 작품이 훌륭합니다. 오른쪽으로 스크롤하면 이미지가 화면 가장자리에 닿아 있고 나머지 콘텐츠처럼 40px 패딩이없는 것을 볼 수 있습니까? 어떤 아이디어?

감사

답변

3

플로트이

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

달콤한? – Cameron

+0

부동 또는 포함 div의 너비 설정이 효과가 있습니다. 'div.padding'은 포함 div를 넘어서 확장되었습니다. – Kyle

+0

수정. 이미지는 div.padding을 넘어서 확장되었습니다. – Kyle

1

왼쪽 DIV이 또한 작동합니다 : :) 작동하는 이유는 그것을 떠해야합니까

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