Question

如果我为Chrome设计样式但它不起作用，反之亦然 - 目前我为Firefox http://www.mhinteriors.com.au/new/设置了样式。我希望布局看起来像现在在Firefox中的方式。但我需要它在Chrome和IE中工作。 IE似乎不喜欢100％的背景图片？

 .header {
 background-image:url(../images/banner-2.jpg);
 background-size:100% auto;
 box-shadow:0 0 10px #000;
 left:0;
 position:fixed;
 top:0;
 width:100%;
 z-index:800;
 padding:8px;
 }

#wrapper {
max-width:960px;
margin:0 auto;
}

/*BRAND DETAILS*/
.logo {
float:left;
margin-left:30px;
padding-top:10px;
width:8%;
}

.brand-title {
float:left;
padding-left:5px;
padding-top:5px;
width:50%;
}

.brand-subtitle {
float:left;
padding-left:5px;
padding-top:25px;
width:60%;
}


/*SOCIAL BUTTONS*/
.socials {
float:right;
height:80px;
position:relative;
right:0;
top:100px;
width:35%;
z-index:900;
}

.facebook {
float:left;
width:60px;
margin:0px 0px 0px 20px;
}

.pinterest,.blogger,.instagram {
float:left;
width:60px;
margin:0px 0px 0px 50px;
}


/*NAVIGATION*/
.nav-container {
float:right;
position:fixed;
right:40px;
top:145px;
width:60%;
z-index:800;
}

Answer 1

而不是浮动：左;尝试：

display:inline-block;
vertical-align: middle;

我的divs不会排队 -

1 个答案: