思路1:浮动(漂浮在标准文档流之上)
思路2:常用的属性值
float:left
float:right
float:none
案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
margin: 10px;
padding: 5px;
}
#father{
border: 1px solid red;
}
#im1{
border: 1px dashed blue;
float: right;
}
#im2{
border: 1px dashed blue;
}
#im3{
border: 1px dashed green;
}
#im4{
border:1px dashed blue;
}
</style>
</head>
<body>
<div id="father">
<div id="im1">
<img src="image/photo-1.jpg"/>
</div>
<div id="im2">
<img src="image/photo-2.jpg"/>
</div>
<div id="im3">
<img src="image/photo-3.jpg"/>
</div>
<div id="im4">
我是范德萨发生发到发送地方阿斯蒂芬sad发放
我是范德萨发生发到发送地方阿斯蒂芬sad发放
我是范德萨发生发到发送地方阿斯蒂芬sad发放
我是范德萨发生发到发送地方阿斯蒂芬sad发放
</div>
</div>
</body>
</html>