横幅图片和文字调整不会对调整大小
问题描述:
我试图创建一个横幅具有一些服务我公司提供不断变化的,下面的图片是正是我想它(桌面视图),但是当我调整浏览器文本被推开在图像下方,并且被页面重叠的元素隐藏。横幅图片和文字调整不会对调整大小
我如何使它所以与浏览器的图片和文字,并调整看起来它在桌面上一模一样?
我就在这里http://jsfiddle.net/b7a8cvLb/4/
我的CSS
.info_banner {
background-color:white;
max-width:1166px;
margin:0 auto;
padding: 5px 5px 0px 5px;
text-align:center;
font-size:1em;
height:65px;
}
.info_block {
display:inline-block;
width:20%;
border-right-style:solid;
border-right-width:2px;
border-right-color:#F8F8F8;
height:65px;
vertical-align: text-top;
}
.info_block img {
max-width:100% !important;
height:auto;
display:inline-block;
float:left;
}
.info_block h5 {
height:100%;
width:100%;
margin:0;
}
创建了一个例子如果需要的话我可以将图像显示:在一定宽度的浏览器没有,但我宁愿避免做这个。