防止横幅溢出

Question

如下图所示，当我使用任何浏览器放大时，我的徽标/横幅与我网站的正文重叠。它放大后继续溢出。 即使在变焦发生之后，保持横幅与身体宽度相同的最佳方法是什么？

HTML：

<div class="container1"> <div class="header"><img src="images/banner test.jpg" alt="logo" />

  

CSS：

.container1 {
width: 80%;
max-width: 1260px;
min-width: 780px;
margin: 0 auto; 
}

.header {
max-width: 900px;
margin: 0 auto;
}

http://i62.tinypic.com/2poum52.jpg

提前多多感谢。

Answer 1

向div添加溢出

   .header {
        max-width: 900px;
        margin: 0 auto;
        overflow: hidden;
   }