我的页眉中有 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; }
问题是:当我最小化浏览器窗口时,我该怎么做,这些 div 不会跳到彼此下方。对不起,我的英语不好。
PS 我无法为整个页眉设置固定宽度,因为我希望页眉背景在整个页面中从左到右拉伸,高度为 55px。