有什么理由不能在 Internet Explorer 上运行,但它可以在 google chrome 和 safari 上运行
body,html {
min-width:600px;
height:100%;
margin:0;
padding:0;
font-family:Calibri;
overflow:hidden;
}
这是我完整代码的小提琴:http: //jsfiddle.net/charliejsford/7a2uH/
编辑:似乎只有这部分不适用于 IE
<header class="ex1">
<div class="header-left"><img src="images/phone_icon.png" width="323" height="58" /></div>
<div class="header-right">Shopping Basket</div>
<div class="logo"><img src="images/logo" width="409" height="138" /></div>
</header>
然后是 CSS:
header {
width: 100%;
min-width: 800px;
height: 160px;
overflow: auto;
}
.ex1 .header-left {
display:inline-block;
width: 33%;
max-width: 190px;
float: left;
margin:50px 0 0 70px;
}
.ex1 .logo {
width: 409px; /* width of the logo */
margin:10px auto 0 auto;
}
.ex1 .logo img {
display: block;
}
.ex1 .header-right {
display:inline-block;
width: 33%;
max-width: 190px;
float: right;
margin:50px 70px 0 0;
}