Question

我需要有两个内联div，左边div应该是流畅的，右边应该是固定的。左液柱的最小宽度应为801px，左侧div的最大宽度应为1250px。正确的固定div宽度应始终精确为250px。

有人可以告诉我该怎么做吗？例如，如果体宽为1500px，则左侧流体div应该增长并将右侧div推出到1250px并停止。如果正文内容为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>

Answer 1

尝试使用javascript，在页面加载方面看起来不会太糟糕

例如你隐藏右前方，左边设置为100％，

在加载时计算左边的大小是从右边显示的，而减少左边的+后退，如果没有固定宽度的javascript两者

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

流体固定设计

1 个答案: