关于banner的问题

在做大的banner图时候,在html中插入图片如何做才可以当缩小浏览器的时候,banner随着横向滚动条可以完整的显示出来,像我这样,当缩小显示器的时候,banner显示不完全,

<html>  
<head>  
    <title>Title</title>  
    <style>  
        .bannerbox {  
            position:relative;  
            overflow:hidden; 
            width:100%; 
            height:614px;  
        }  
        .banner {  
            position:absolute;  
            left:50%;  
            height: 614px;
            width:1920px; 
            margin-left:-960px;  
        }  
    </style>  
</head>  
<body>  
    <div class="bannerbox">  
        <div class="banner">  
            <img src="t1.jpg">  
        </div>  
    </div>   
</body>  
</html>  

clipboard.png
放大的情况下还好,缩小就不行了。
望大神指点,感激不尽。

阅读 2.5k
1 个回答

。。。。
.bannerbox里overflow:hidden; width:100%;去掉(可以设个min-width)就行了;
另外定宽元素居中如果不是有什么特别的需求,用margin:auto就行了,用不着绝对定位。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题