2

我有以下html页面：

<body>
  <div id="div1"></div>
  <div id="div2"></div>
</body>

CSS是这样的：

#div1{
  width: 160px;
  height: 160px;
  top: 0;
  left 0;
  position: absolute;
}

#div2{
  width: auto;
  height: 160px;
  top 0;
  left: 160px;
  position: absolute;
}

div2在调整窗口大小时，如何进行拉伸以填充窗口的右侧部分。这意味着 的宽度div1将始终为160px，但 的宽度div2将适合窗口的其余部分。auto如果div2.

非常感谢！

4

4 回答 4

3

添加right:0到您的#div2样式中。

于 2013-03-17T01:46:41.200 回答
1

元素position: absolute在文档流之外，因此不能“换行”在width.

使用float和margin：

#div1{
  width: 160px;
  height: 160px;
  float: left;
}

#div2{
  margin-left: 160px;
  height: 160px;
}

演示：http: //jsfiddle.net/6nFDS/

于 2013-03-17T01:50:05.833 回答
0

好吧，我不太确定这是否是您想要的，但您可以使用width: 100%;：

width: 100%;

演示

于 2013-03-17T01:45:53.650 回答
0

你可以在这里找到完整的 CSS 布局教程：http: //learnlayout.com/

您可以使用 ：

 display:inline-block
于 2013-03-17T01:49:03.627 回答