1. 第一種寫法:
<html>
<head>
<title>Title</title>
<style>
.bannerbox {
min-width:1190px;
position:relative;
overflow:hidden;
height:500px;
}
.banner {
width:1920px; /*圖片寬度*/
position:absolute;
left:50%;
margin-left:-960px; /*圖片寬度的一半*/
}
</style>
</head>
<body>
<div class="bannerbox">
<div class="banner">
</div>
</div>
</body>
</html>
2. 第二種寫法
<html>
<head>
<title>Title</title>
<style>
.banner {
min-width:1190px;
position:relative;
overflow:hidden;
height:500px;
}
.banner img{
width:1920px; /*圖片寬度*/
position:absolute;
left:50%;
margin-left:-960px; /*圖片寬度的一半*/
}
</style>
</head>
<body>
<div class="banner">
</div>
</body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
