有没有 帮我看看这个怎么做出来

如标题 帮我看看这个 我是初学者 这个怎么写出来 书是黑马程序员出的
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/257838664386160.jpg "#left"
题目是案例3-4

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7787615
• 这篇博客也不错, 你可以看下img图片加载失败，使用默认图片显示。
• 除此之外, 这篇博客: 如何垂直居中一个浮动元素？如何垂直居中一个?中的 3、方法三： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  .child {
  	width: 100px;
  	height: 100px;
  	background-color: darkcyan;
  	float: left;
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto
  }
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^