0

我需要有两个内联 div，左边的 div 应该是流动的，右边应该是固定的。左侧流体列的最小宽度应为 801 像素，左侧 div 的最大宽度应为 1250 像素。正确的固定 div 宽度应始终为 250 像素。

有人可以告诉我如何做到这一点吗？例如，如果 body 宽度为 1500 像素，则左侧流体 div 应该增长并将右侧 div 推到 1250 像素并停止。如果正文内容是 801px，那么左 div 应该在 550px 左右。

我已经问过这个问题，但无法得到任何有用的东西。

.intro {
  float:left;
  height:200px;
  width:100%;
  padding:10px 0;
}

.intro-right,
.intro-left{
  display:inline;
}

.intro-right {
  float:left;
  width:250px;
  margin-right:20px;
  height:200px;
}

.intro-left {
  min-width:801px;
  max-width:1250px;
  height:200px;
}

<div class="intro">
  <div class="intro-left">
    <h2><a href="#">Test</a></h2>
    <p>Test</p>
  </div>

  <div class="intro-right">right fixed</div>
</div>
4

1 回答 1

0

以一种在页面加载时看起来不会太糟糕的方式尝试使用 javascript

例如，您隐藏右前奏，左设置为 100%，

加载时计算左侧的大小，使右侧出现在右侧，同时减少左侧+如果没有固定宽度的 JavaScript，则为后备

注意：添加一个窗口调整大小事件监听器

于 2013-01-16T12:44:40.013 回答