<html>
??<head>
??<meta?charset="UTF-8">
??<title>weibo</title>
??<style>
?? .demo01{width:600px;position:relative;}
?? .demo01.left{width:100px;float:left;}
?? .demo01.left?img{margin-left:40px;}
?? .demo01.right{width:450px;padding:20px;float:right;background:pink;border:1px?solid?green;}
?? .demo01.right?p{font-size:12px;line-height:25px;}
?? .demo01?span{position:absolute;right:20px;top:10px;font-size:12px;}
???</style>
??</head>
??<div?class="demo01">
?? <div?class="left">
?? <img?src="G:\html練習(xí)\image\tu2.jpg">
?? </div>
?? <div?class="right">
?? <h5>櫻桃小丸子</h5>
?? <p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
?? <span>10分鐘前</span>
?? </div>
??</div>
??</body>
??</html>
2017-08-02
把.left和.right前面的.demo01都去掉就好了。還有少了一個<body>。雖然不影響，但是習(xí)慣。。
2017-08-01
頭像設(shè)置了寬度啊，怎么還是這么大，而且也設(shè)置了背景色，以及左右浮動，怎么都不行，上面是顯示的樣式，下面應(yīng)該是正確的啊