首先你会在这里找到我的网站。
我有 div:
<div class="home" style="background-image: url(http://payload51.cargocollective.com/1/7/237315/3336908/HomeImage_o.jpg); background-attachment: fixed; height: 660px; width: 100%; opacity: 1; background-position-y: 0px; background-position-x: center; background-repeat: no-repeat no-repeat; background-size: 100%;">
</div>
还有一些与该 div 相关的 CSS:
div.home {
width: 100%;
margin-bottom: 30px;
min-width: 100%; height: auto;
}
正如你所看到的,有一个margin-bottom
但由于某种原因,棕色菜单和它下面的文本是:
- 当浏览器失去宽度时,距离图像太远。
- 两者都不响应浏览器,当浏览器变小时,文本会移得更远。
这是一个jsfiddle,如果这有点偏离,请道歉 - 仍然掌握 Jsfiddle。