當瀏覽器窗口最小化時，浮動div跳到彼此之下

Question

我的頁面頁眉中有3個div。第一個div是教員標誌，第二個div是網站標題，第三個div是大學標誌。

整個首部具有CSS：

height: 55px; 
width:auto; 

和背景顏色。

第一div有：

#header .logoUt { 
    width:285px; 
    height:55px; 
    float:left; 
    background:url(images/Drawing1.png) no-repeat 0 0; 
    background-position:left center; } 

同樣爲第二個div：固定的寬度和浮左和文本。

三格：

#header .logoEtti { 
    width:285px; 
    height:55px; 
    float:right; 
    background:url(images/Drawing1.png) no-repeat 0 0; 
    background-position:left center; } 

的問題是：我該怎麼辦時，我儘量減少瀏覽器窗口的股利不低於跳彼此。對不起，我的英語不好。

P.S.我無法爲整個標題設置固定寬度，因爲我希望標題背景在整個頁面中從左到右拉伸，高度爲55px。

Answer 1

一種選擇是不使用浮動但是定位。

試試這個：

給頭position:relative

盡數3周的div內position: absolute

使用top:0;left:0的第一個div

使用top:0;right:0最後一個

中間一個給出正確的左值：

Answer 2

你可以設置一個min-width整個頭：

#header {min-width: 855px;}