Html 假设一个div的宽度是固定的，我如何让另一个div坐在它旁边，大小是第一个div的100%？_Html

Html 假设一个div的宽度是固定的，我如何让另一个div坐在它旁边，大小是第一个div的100%？

html

Html 假设一个div的宽度是固定的，我如何让另一个div坐在它旁边，大小是第一个div的100%？,html,Html,我在页面左上角有一个带有徽标的div，我想在它旁边再做一个div，作为一个带有文本的工具栏。问题是我似乎不知道如何让新的div占据剩余空间的全部宽度。。。它只是尝试使用屏幕的全宽，文本显示在徽标上方 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:

我在页面左上角有一个带有徽标的div，我想在它旁边再做一个div，作为一个带有文本的工具栏。问题是我似乎不知道如何让新的div占据剩余空间的全部宽度。。。它只是尝试使用屏幕的全宽，文本显示在徽标上方

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
  div#topbar {
    width: 100%;
    position: fixed;
    top:0px;
    left:0px;
    height:133px;
    background-image :url(bkgnd_header_tile.jpg);
    padding: 0px;
    margin: 0px;
  }
  div#logo {
    width: 187px;
    height: 133px;
    position: fixed;
    top:0px;
    left:0px;
    background-image:url('headerlogo_home.jpg');
  }
  div#text {

  }

  body {

  }    
</style>
</head>
<body>
  <div id="topbar">
    <div id="logo"></div>
    <div id="text">
      <span id="campuses">asdf</span>
      <span id="title">Blah</span>
    </div>
  </div>
</body>
</html>


顶杆{
宽度：100%；
位置：固定；
顶部：0px；
左：0px；
高度：133px；
背景图片：url（bkgnd_header_tile.jpg）；
填充：0px；
边际：0px；
}
部门标志{
宽度：187px；
高度：133px；
位置：固定；
顶部：0px；
左：0px；
背景图片：url（'headerlogo_home.jpg'）；
}
div#text{
}
身体{
}    
asdf
废话

顶栏应该是一个高133px，宽100%的大div。它用于保存工具栏的图像背景。另一个div仅用于左上角的徽标，宽度为187px

如何使第三个div位于图像的右侧？

对您有用吗？看起来你只缺了几行。

行吗？看起来您只遗漏了几行。

请记住这是CSS3的东西，规范可能仍然会更改，但您可以查看calc

[]

请记住，这是CSS3的东西，规范可能仍然会更改，但您可以查看calc

[]

如果我了解你想做什么，这就是你需要做的：设置顶栏的宽度。不需要设置位置

#topbar{
 width:100%;
 height:133px;
}

然后，您必须将您的徽标浮动到左侧：

#logo{
 width:187px;
 height:133px;
 float:left;
}

然后将文本也设置为向左浮动，并将宽度设置为100%：

#text{
 width:100%;
 height:133px;
 float:left;
}

如果我了解你想做什么，这就是你需要做的：设置顶栏的宽度。不需要设置位置

#topbar{
 width:100%;
 height:133px;
}

然后，您必须将您的徽标浮动到左侧：

#logo{
 width:187px;
 height:133px;
 float:left;
}

然后将文本也设置为向左浮动，并将宽度设置为100%：

#text{
 width:100%;
 height:133px;
 float:left;
}

事实上，我确实需要设置位置，否则酒吧周围会有一个难看的白色边框。但不管怎样，它确实起了作用。Thanks必须将正文上的边距和填充设置为0-在不设置位置的情况下，应注意白色边框。当向下滚动时，设置一个固定的位置可能会产生不必要的效果。实际上，我确实需要设置位置-否则在条的周围会有一个难看的白色边框。但不管怎样，它确实起了作用。Thanks必须将正文上的边距和填充设置为0-在不设置位置的情况下，应注意白色边框。向下滚动时，设置固定位置可能会产生不必要的影响。