Look at my site~http://mydreampark.com/ .Wow, you must think it’s ugly, right. I wish to make it like this:

Please tell how by using CSS techniques. Thank you.
Another problem that you may noticed is:

Oh, it’s awful. How can I make the background-image automatically fill all the vertical space?
Thank you. 
Firstly, place the Google div inside the article div.
<div id="article">
<div id="GoogleAd1">
</div>
</div>
In the CSS, get rid of position: absolute and change that to float: left…
#GoogleAd1 {
float: left;
margin: 0 10px 10px 0;
}
For the background, remove position: absolute from article and instead use float: right;
Then on the #bodyS div put overflow: hidden.