Question

你好我在一个容器里面有两个盒子。现在盒子的比例相同：

<div class="container" width>
  <div style="width=80%">box 1
    <div>
      <div style="width=20%">Box 2
      </div>
    </div>
  </div>
</div>

我现在要做的是给Box 2提供200px的恒定宽度。但是Box 2应该总是填充容器的其余部分。我希望你明白我的意思。这可能吗？

Answer 1

这里有一个基本的两个colums代码：

<style>
#wrapper {
  margin-right: 200px;
}
#content {
  float: left;
  width: 100%;
  background-color: #CCF;
}
#sidebar {
  float: right;
  width: 200px;
  margin-right: -200px;
  background-color: #FFA;
}
#cleared {
  clear: both;
}
</style>

<div id="wrapper">
  <div id="content">Column 1 (fluid)</div>
  <div id="sidebar">Column 2 (fixed)</div>
  <div id="cleared"></div>
</div>

Answer 2

你的意思是最小宽度？你可以这样做：

#box2 {
 width: 20%;
 min-width: 200px;
}

如何使div框填充容器div框的偏移量？

2 个答案: