css - 浮动背景图片

Question

在我的网站上有一个输入表单和一个轨迹图片。如果您调整浏览器窗口的大小，轨道将在表单中崩溃。即使轨道不是独立图像，是否可以浮动背景图像？
CSS：

#header{
    height:212px;
    width:100%;
    margin:0 auto;
    border-bottom:2px solid #66675e;
    background:url(img/truck.gif) no-repeat 150px 55px;
}

Answer 1

为了防止您的卡车背景图像与包含在具有背景图像的同一 div 中的元素之间发生冲突，我建议您的 div 具有最小宽度。

另一种解决方案是使您的 div 可浮动并添加最小宽度（将样式提取到 css 中，将 a 和 b 替换为您的大小并执行计算）：

<div id="header" style="min-width: (a+b)px;">
    <div style="float: left; width: (a)px;"><img src="truck"/></div>
    <div style="width: (b)px; margin: auto;"><form..../></div>
</div>

这应该给你一个开始