.demo2{width:600px;position:relative;overflow:hidden}
.demo2 .right{width:448px;float:right;padding:20px;background-color:#f0e;border:1px solid #fff}
.demo2 span{position:absolute;top:10px;right:20px;font-size:12px)
.demo2 right p{font-size:12px;line-height:25px;margin-top:20px}
2016-11-27
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
<style>
*{padding:0;margin:0}
.demo1{width:600px;position:relative;overflow:hidden}
.demo1 .left{width:100px;float:left}
.demo1 .left img{margin-left:20px}
.demo1 .right{width:448px;float:right;padding:20px;background-color:#f0e;border:1px solid #fff}
.demo1 span{position:absolute;top:10px;right:20px;font-size:12px)
.demo1 right p{font-size:12px;line-height:25px;margin-top:20px}
.demo2{width:600px;position:relative;overflow:hidden}
.demo2 .right{width:448px;float:right;padding:20px;background-color:#f0e;border:1px solid #fff}
.demo2 span{position:absolute;top:10px;right:20px;font-size:12px)
.demo2 right p{font-size:12px;line-height:25px;margin-top:20px}
</style>
</head>
<body>
<div class="demo1">
<div class="left">
<img src="C:/Users/ltc/Desktop/img/50.jpg" atl="头像"/>
</div>
<div class="right">
<h4>慢慢走总会到达的</h4>
<p>今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局
今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局
</p>
<span>10分钟前</span>
</div>
</div>
<div class="demo2">
<img src="C:/Users/ltc/Desktop/img/50.jpg" atl="头像"/>
<div class="right">
<h4>慢慢走总会到达的</h4>
<p>今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局
今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局今天学了一个简单的布局
</p>
<span>10分钟前</span>
</div>
</div>
</body>
</html>
举报
