html - 防止横幅溢出

Question

正如您在下图中看到的，当我使用任何浏览器放大时，我的 Logo /横幅与我的网站正文重叠。放大得越远，它就会继续溢出。即使在发生缩放后，保持横幅与正文宽度相同的最佳方法是什么？

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;
   }