0

我的页眉中有 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。

4

2 回答 2

4

您可以min-width为整个标题设置 a:

#header {min-width: 855px;}
于 2012-06-14T23:03:02.977 回答
0

一种选择是不使用浮动,而是使用定位。

尝试这个:

给标题position:relative

给里面的所有3个divposition: absolute

用于top:0;left:0第一个 div

用于top:0;right:0最后一个

并且对于中间一个给出正确px的左值:

于 2012-06-14T23:02:34.067 回答