问题1：如何将黄色块移动到右边
答：将整个图片分成左右两个div，分别加display:inline-block
问题2：左右两部分中间有空隙，margin=0不能解决
答：如下代码所示，但是font-size:0会导致所有的字体消失，可以用div嵌套div，重新设置文字格式。
body{
font-size:0;
}
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
font-size:0;
}
div{
text-align: center;
}
.d0{
display: inline-block;
width: 100px;
height: 200px;
}
.d1{
width: 100px;
height: 100px;
background-color: #FFC0CB;
}
.d2{
width: 100px;
height: 100px;
background-color: #98FB98;
}
.d3{
display: inline-block;
width: 100px;
height: 200px;
background-color: #EEE8AA;
}
</style>
</head>
<body>
<div>
<div class="d0">
<div class="d1"></div>
<div class="d2"></div>
</div>
<div class="d3"></div>
</div>
</body>
</html>