面试题：CSS中padding、border与margin在盒模型中的综合布局问题

Question

假设有一个HTML结构，包含一个父div和一个子div。父div宽度为400px，高度为300px。子div宽度为200px，高度为150px。现在要求子div距离父div上、左各50px，子div自身有10px的内边距和2px的边框，且边框颜色为蓝色，如何通过CSS实现这种布局，并写出具体的CSS代码。

Answer 1

.parent {
  width: 400px;
  height: 300px;
}

.child {
  width: 200px;
  height: 150px;
  margin-top: 50px;
  margin-left: 50px;
  padding: 10px;
  border: 2px solid blue;
}