Question

在我的site上有一个输入表单和一张曲目图片。如果您调整浏览器窗口大小，则轨道将崩溃到表单中。尽管轨道不是独立的图像，是否可以浮动背景图像？的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>

这应该给你一个开始

浮动背景图像

1 个答案: