HTML CSS横幅最大宽度不起作用

Question

编码新手，我的网站出现此问题。 我正在创建横幅，但我不希望它超过1060px。 横幅广告目前正在全屏显示。

HTML

<div class="banner">
    <img class="banner-image" src="banners/firebanner.jpg">
</div>

CSS

.banner{
width: 100%;
max-width: 1060px;
}