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 回答