html - 如何让banner图片全长延伸，logo居中？

Question

<分区>

Answer 1

您需要执行以下操作:

1. 在.banner上设置一个新的height 我选择70px

2. 给.banner一个background-size:100%

3. 从 .site_title 中移除 vertical-align 并添加 margin-top: -15px;

CSS

.banner {
   position: relative;
   height: 70px;
   z-index: 1;
   border-style: solid;
   border-width: 1px;
   border-color: gray;
   background-image:url('http://www.problemio.com/img/ui/banner_background.png');
   background-size: 100%;
}

.site_title {
   float: left;
   margin-top: -15px;
   margin-left: 20px;
   width: 300px;
}