CodePen

HTML

            
              <html>
<head>
</head>
<body >
<div>

dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>

dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>


dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>


dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>


dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
  
  

dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
  
  

dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
dasdas<br>dasdas<br>dasdas<br>dasdas<br>dasdas<br>
</div>
</body>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              

  body
    {
       background-image: url(http://www.gravatar.com/avatar/98d2285fdf5e8cc5dec5f54aac0dca73?s=32&d=identicon&r=PG);
  background-repeat:no-repeat}

	 div
       {position: absolute;
       right: 0;
       width: 200px;
       background: #fff;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(document).ready(function(){

var h = $(document).height();
$("body").attr("style","background-size:100% "+ h + "px");
  
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................