css - 浮动中心内容，左侧固定徽标

Question

对不起，只是无法得到这个'

这里：http : //www.crownoilfield.com/ 它看起来如我所愿，除了 1040 像素以下的浏览器窗口，顶部徽标浮动在公司名称下方。

<div id="top_wide">
   <div id="crownlogo"><img name="crown_logo6p32" src="images/crown_logo6p32.gif" >
   </div>
   <div id="top">
      <div id="logo"> <img src="images/crown_oilfield_svc_4.png" ></div>

#top_wide {
color:#474327;
    font-size:36px;
}
#crownlogo {
float:left;
padding:0px;
padding-left:5px;
display: table-cell;
}
#crownlogo img {
margin:0;
    }   
#top {
    position:relative;
height:82px; 
width:1040px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
display: table-cell;
vertical-align:middle;
display: inline-block;
display: table;
}
#logo {
width:620px;
float:left;
color:#474327;
display: table-cell;
vertical-align:middle;
font-size:xx-large;
margin-top:20px;
margin-left:-77px;

}

谢谢，编

Answer 1

尝试这个：

#top {
    position: relative;
    height: 82px;
    width: 1040px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 165px;
    clear: right;
}
#logo {
    width: 620px;
    float: left;
    color: #474327;
    vertical-align: middle;
    font-size: xx-large;
    margin-top: 20px;
}