实例代码：
<!doctype html>
<head>
<meta charset="utf-8">
<style>
.city{
border:1px solid black;
width:300px;
height:300px;
float:left;
margin:5px;
padding:20px;
}
</style>
</head>
<html>
<body>
<h1>dwoke.com 演示</h1>
<h3>调整此响应页面的大小</h3>
<div class="city">
<h3>伦敦</h3>
<p>伦敦是英格兰的首都</p>
<p>它是英国人口最多的城市，人口超过1300万</p>
</div>
<div class="city">
<h3>巴黎</h3>
<p>巴黎是法国的首都和人口最多的城市。</p>
</div>
<div class="city">
<h3>东京</h3>
<p>东京是日本的首都，大东京地区的中心，也是世界上人口最多的都市区。</p>
</div>
</body>
</html>
运行效果：
评论