<div class="wrapper">     <span class="floatBox"></span>     <p>When people ask me for advice on blogging, I always respond with yet another form of the same advice: pick a schedule you can live with, and stick to it.
      Until you do that, none of the other advice I could give you will matter. I don’t care if you suck at writing. I don’t care if nobody reads your blog. 
      I don’t care if you have nothing interesting to say. If you can demonstrate a willingness to write, and a desire to keep continually improving your writing,
      you will eventually be successful.</p></div>

.wrapper {    width: 600px;    border: solid deeppink 5px;}.wrapper p {    margin:0 0 0 100px; /*不让段落环绕floatBox*/}.floatBox {    background-color: greenyellow;    float: left;    width: 100px;    height: 100px;    display: inline;    margin-right: -3px;}　　

.demo {	min-height: 100px;	height: auto !important;/*现代浏览器下，内容高度超过100px时自动获得其高度*/	height: 100px;/*此值设置和min-height值一样，因为IE6下元素高度会根据内容自己的高度而定，                      所以内容高度低于min-height值时，为了达到min-height效果，需要给元素一个显式的高度值*/}

.demo {	  min-height: 100px;	  height: 100px;       }html>body .demo {      height: auto;/*只有现代浏览器才能识别*/}

<div id="container">  	<div id="left">http://net.tutsplus.com/</div>  	<div id="right"></div>  </div>

#container{      background: #C2DFEF;      border: solid 1px #36F;      width: 365px;      margin: 30px;      padding: 5px;      overflow: auto;  }#left,#right{  	background: #95CFEF;  	border: solid 1px #36F;  	width: 100px;  	height: 150px;  	margin: 30px;  	padding: 10px;  	float: left;  }　　

#left { overflow: hidden; }